level 4
<div style=" border:1px solid #000; height:100px; width:500px; float:left; margin-left:150px; display:inline;"></div> 小弟这段代码被人说在ie6下宽度显示会不正常,可是我测试了以后发现没有问题,求解!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
2012年11月13日 01点11分
1
level 8
在浮动布局中,IE6的BUG主要有双边距BUG和3px间隙的BUG
双边距BUG会把元素的margin翻倍,只有在margin的方向和浮动的方向相同时才会出现,比如代码中的
float:left; margin-left:150px 方向都是左边
但是这个BUG已经被
display:inline给修复了,或者用zoom:1来修复也行
如果有额外的3px间隙也可以用类似方法修复
2012年11月13日 11点11分
2
谢谢!我是想问display:inline会对width有影响,据说width会变0。
2012年11月14日 00点11分
这。。。这真没听说过了。。。后来又去百度了下,也没看到有宽度为0的BUG啊,但是display:inline对width是否有什么影响,这就不清楚了
2012年11月14日 11点11分