分享

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

 明天网吧 2014-10-24

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

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多