通过overflow的hidden属性解决margin的bug问题
overflow:hidden属性给div具体格式化
代码如下:
<!DOCTYPE html>
<html>
<head>
<title>overflow</title>
<meta charset="UTF-8" />
<style type="text/css">
.outer{
height:400px;
background:#CCC;
/*解决margin的跟着p标签往下移动需使用overflow的hidden属性*/
overflow:hidden;
}
p{
/*当p标签往下移动50px的时候,div也会被带动往下移动50px*/
margin-top:50px;
}
</style>
</head>
<body>
<h1>通过voerflow的hidden属性解决margin的bug</h1>
<div class="outer">
<p>这是通过voerflow的hidden属性解决margin的bug,调整p标签div边框跟着移动的bug</p>
</div>
</body>
</html>