产生环境:ie6
产生代码:
body{border: 1px solid rgb(0,0,0);}
.test1{width: 400px;height: 200px;border: 1px solid rgb(255,0,0);float: left;margin-left: 100px;}
产生条件:在IE6中块元素浮动后,设置左右外边距后,会出现双倍margin现象,如图 :
设置浮动元素的margin-left为100px结果变为200px
解决办法:给浮动元素的样式控制中加入display:inline