解决IE6下Div使用float的时候margin不正常的问题

2010-08-28 10:56:04来源:西部e网作者:

今天做一个模板,用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一样显示在一行了。

关键词:IEfirefoxcss

赞助商链接: