margin在FF/IE6/IE7中的兼容

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。

解决方案我总结了两个,当然可能还有其他的方法,知道的可以留言分享呵呵。

解决方法一:是在这个div里面加上display:inline。
如:<#div id=”imfloat”>
    相应的css为
    #imfloat{
    float:left;
    margin:5px;/*IE下理解为10px*/
    display:inline;/*IE下再理解为5px*/}

解决方法一:通过!important这样的手段hack。(这里面有3种形式)
第一种:
.div {
background:orange;/*ff*/
*background:green !important;/*ie7*/
*background:blue; /*ie6*/
}
第二种:
.div {
margin:10px;/*ff*/
*margin:15px;/*ie7*/
_margin:15px;/*ie6*/
}
第三种:
#div { color: #333; } /* ff */
* html #div { color: #666; } /* IE6 */
*+html #div { color: #999; } /* IE7 */

原文地址:https://www.cnblogs.com/only_J/p/1722208.html