您的位置：首页 > 其它

在IE6下 浮动 margin-bottom会消失问题

2016-03-15 22:45 411 查看 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.clear{zoom: 1;}
.clear:after{content: ""; display: block; clear: both;}

.wrap{padding-bottom: 10px;}/*解决bug*/

#div1{ width: 100px; height: 100px; background: red; float: left;/* margin-bottom: 10px;*//* 在ie7以下 margin-bottom没了所以 给他用个包裹层 wrap 给padding-bottom:10px*/}

#div2{width: 200px; height: 200px; background: yellow;}
</style>
</head>
<body>
<div class="wrap clear">
<div id="div1"></div>
</div>

<div id="div2"></div>
</body>
</html>


　　
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航