一直都不断有人在问:“我要用DIV+CSS实现三列布局,并且要左右固定宽度,中间自适应,要怎么弄?”
    我一般都是这样回答:“中间设margin-left留出leftdiv的宽度,设margin-right留出rightdiv的宽度,然后leftdiv左浮动,rightdiv右浮动!”,不过居然有人说不行。我只好用实践证明我的真理的正确性。
    OK!下面是我的完整的测试代码。


一定注意三个DIV的顺序!没有修复IE 3px bug,但几乎不影响表现。以上代码在IE 6、FF中测试通过。
从此推断,两列的布局就是去掉右边的DIV,然后中间去掉margin-right。
可能与本文相关的一些内容
自己制作google桌面小工具 有趣的学习JS
js实现的轮换效果 图片+简介同步轮换 兼容多浏览器
网上铺天盖地的纯CSS实现lightbox效果的一点小改动
IE的绝对定位缺陷及修复方案
CSS hack几个新的标识符 - 区分IE7、IE6、FF和Opera
天气情况 08/23/2007 08:58, gently, JS/DIV/CSS, 评论(0), 阅读(2020)
发表评论
开启/隐藏 高级扩展
昵称
密码  游客无需密码
网址
电邮   [注册]