设置为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 */