25
2010
03

margin IE6双倍距离

IE6的BUG,margin在碰到float时会距离会加倍

使用DIV+CSS布局,为什么边界margin会在IE6中加倍,而在FF中没有问题
解决方法是多加一个CSS定义:display:inline;

display:inline 的作用是设置对象做为行内元素显示,
inline是内联对象的默认值(ps:内联对象就是不自动产生换行的元素,比如span)
而我们一般用的div是块级元素,默认display属性是block,
但将div的display设置为inline的话,则多个div可以象span一样显示在一行了。

用margin-left:11px !important;margin-left:5px;这样的方法也能结局使用margin时候的浏览器兼容性问题
但是要是margin的距离加倍问题只是在边界的时候才能发生
如果边界div和中间部分的div使用同一个margin样式的话就会出现问题了

« 上一篇 下一篇 »