IE6下margin出现双边距

在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>

 

posted @ 2013-11-15 11:22  远方的远方  阅读(241)  评论(0)    收藏  举报