今天做一个模板,用Firefox下显示都是正常的,但是用IE6却发现,所有的margin都加倍了,搞的和firefox效果不一样了。找了半天也没发现错误,网上搜索一下,发现原来是IE6的一个BUG!IE6确实该淘汰掉了。
解决方法:
<div id="test"></div>
对应的CSS应该这样写:
#test{
float:left;
margin:5px; /* IE6认为是10px, Firefox认为是5px, IE6傻呀 */
display:inline; /* 增加这个就可以 */
}
说明一下 display:inline
它的作用是设置对象做为行内元素显示,inline是内联对象的默认值。
而我们一般用的Div是块级元素,默认display属性是block,但将div的display设置为inline的话,则多个div可以象span一样显示在一行了。