IE6下双边距BUG解决办法

 分类:浏览器兼容性问题时间:2015-11-01点击:
 
   问题描述:在IE6,块元素有浮动和和横向的margin值 ,横向的margin值会被放大成两倍,这就是IE6下双边距BUG问题
 
   解决办法::加上display:inline;

   例子代码:


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
body{margin:0;}
.box{width:200px;height:200px;background:Red;float:left;margin:100px;}
</style>
</head>
<body>
<div class="box"></div>
</body>
</html>
 
除注明外的文章,均为来源:(QQ:1917843637),转载请保留本文地址!
原文地址:
  • 关注下头条号后,加下微信【yes2016yes99】将分享给你一份前端资料!
  • 立即关注