首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
    • 急急急！！！CSS小问题，快来抢分啊！ [已结贴,结贴人:zhangxiaolei422]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zhangxiaolei422
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    • 揭贴率：
    发表于：2008-06-17 12:01:23 楼主
    大家好，我想做一个CSS三列布局

    -------------------------------------
    |  Left  |  Middle  |  Right  |
    -------------------------------------

    要求：Middle的宽度固定为XXX px
    两边的宽度自适应

    请给出代码，谢谢！！！
    58  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • xuebin_hu
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-06-17 12:20:401楼 得分:5
    <div id="leftDiv">
    </div>
    <div id="MidDiv">
    </div>
    <div id="rightDiv">
    </div>

    #leftDiv{margin:0px;}
    #MidDiv{margin:0px; width:400px; }
    #rightDiv{margin:0px;}
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • mezzi100
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-06-17 12:31:162楼 得分:5
    <style>
    #leftDiv{margin:0px; float:left}
    #MidDiv{margin:0px; width:400px; float:left;}
    #rightDiv{margin:0px; float:left}
    </style>
    <div id="leftDiv"> sd
    </div>
    <div id="MidDiv"> ffasd
    </div>
    <div id="rightDiv"> asdf
    </div>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zkcq2004
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-06-17 12:33:473楼 得分:5
    <style>
    #leftDiv{margin:auto; float:left}
    #MidDiv{margin:0px; width:400px; float:left;}
    #rightDiv{margin:auto; float:left}
    </style>
    <div id="leftDiv"> sd
    </div>
    <div id="MidDiv"> ffasd
    </div>
    <div id="rightDiv"> asdf
    </div>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zengxie
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-06-17 12:39:264楼 得分:5
    引用 3 楼 zkcq2004 的回复:
    <style>
    #leftDiv{margin:auto; float:left}
    #MidDiv{margin:0px; width:400px; float:left;}
    #rightDiv{margin:auto; float:left}
    </style>
    <div id="leftDiv"> sd
    </div>
    <div id="MidDiv"> ffasd
    </div>
    <div id="rightDiv"> asdf
    </div>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zhangxiaolei422
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-06-17 12:49:485楼 得分:0
    补充一点，刚刚没说清楚：

    需要在

    -------------------------------------
    ¦  Left  ¦  Middle  ¦  Right  ¦
    -------------------------------------

    中，调节Left与Right的宽度，保持Middle居中显示

    大家帮帮忙，谢谢啦！
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zkcq2004
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-06-17 12:52:526楼 得分:5
    <div align="center">
    <div style="float:left;magin:auto;width:25%;">dd
    </div>
    <div style="float:left;magin:0px;width:50%; ">dd </div>
    <div style="float:left;magin:auto;width:25%;">dd
    </div>
    <div>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • zhangxiaolei422
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-06-17 13:36:287楼 得分:0
    顶一下
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • sxmonsy
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-06-17 13:40:028楼 得分:18
    友情UP
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • gaoliuchang
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-06-17 13:42:399楼 得分:5
    <style>
    #leftDiv{margin:auto; float:left}
    #MidDiv{margin:0px; width:400px; float:left;}
    #rightDiv{margin:auto; float:left}
    </style>
    <div id="leftDiv"> sd
    </div>
    <div id="MidDiv"> ffasd
    </div>
    <div id="rightDiv"> asdf
    </div>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • xierfly
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-06-17 17:32:5810楼 得分:5
    引用 5 楼 zhangxiaolei422 的回复:
    补充一点，刚刚没说清楚：

    需要在

    -------------------------------------
    ¦  Left  ¦  Middle  ¦  Right  ¦
    -------------------------------------

    中，调节Left与Right的宽度，保持Middle居中显示

    大家帮帮忙，谢谢啦！


    ====
    那就用百分比设置一下三部分的width了。结合上面的能搞定，其实就是那个float属性的应用吧。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • Feiin
    • 等级:
    • 可用分等级：
    • 总技术分：
    • 总技术分排名：
    发表于：2008-06-17 18:21:1311楼 得分:5
    <style>
    #leftDiv{margin:auto; float:left}
    #MidDiv{margin:0px; width:400px; float:left;}
    #rightDiv{margin:auto; float:left}
    </style>
    <div id="leftDiv"> sd
    </div>
    <div id="MidDiv"> ffasd
    </div>
    <div id="rightDiv"> asdf
    </div>
    <div style="clear:both;"> </div>
    修改 删除 举报 引用 回复
    网站简介－广告服务－网站地图－帮助－联系方式－诚聘英才－English－ 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved