IE的双倍边距BUG

如果某条边与浮动方向同向，则向该边上的浮动框应用边距时，在IE6下边距会增加一倍。这时我们可以考虑使用hack来解决！
HTML代码：
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>解决IE6下双倍边距的BUG</title>
<style type="text/css">
body{margin:0; padding:0}
.kuang{width:300px; height:200px; border:1px solid #009933;float:left;margin-left:100px}
</style>
</head>
<body>
<div class="kuang">使用hack解决IE6下双倍边距的BUG</div>
</body>
</html>
=========================================
解决方法：
.kuang{_display:inline;width:300px; height:200px; border:1px solid #009933;float:left;margin-left:100px}
单独为IE6添加样式：_display:inline;
除IE6之外的浏览器（IE7、IE8、IE9、Mozilla Firefox等）示例图：
 
 
 
IE6下的示例图：
 
posted @ 2012-07-23 12:36  脉凌网络  阅读(385)  评论(1)  编辑  收藏  举报