在IE6下,块元素有浮动和横向margin的时候,横向的margin值会被放大成两倍

解决方法:添加display:inline;

eg:下面的例子在IE6下会有两倍边距

<style>
body{margin:0;}
.wrap{float:left;border:2px solid #000;}
.box{width:100px;height:100px;background:red;margin:0 100px;float:left; /*display:inline*/ }
/*
IE6下的双边距BUG
在IE6下,块元素有浮动和横向margin的时候,横向的margin值会被放大成两倍 解决办法: display:inline;
*/
</style>
</head>
<body>
<div class="wrap">
<div class="box"></div>
</div>
05-06 03:16