标签：
当我们给子元素使用margin-top的时候，我们会发现父元素会跟到子元素一起移动，那我们怎么样才能解决这个问题呢？
很简单，我们只需在父元素中添加一个overflow: hidden;此问题即可解决。具体代码如下：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.box{
width: 100px;
height: 100px;
background: red;
/*用overflow: hidden;可解决此问题*/
overflow: hidden;
}
.box1{
width: 50px;
height: 50px;
background: black;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="box">
<div class="box1"></div>
</div>
</body>
</html>
标签：
原文地址：http://www.cnblogs.com/wangchen623/p/5618064.html
