一、margin-top的传递
子级margin-top的值会传递给父级
<head>
<meta charset="UTF-8">
<title></title>
<style>
.margin{
width: 600px;
height: 400px;
border:1px solid #FBE7EB;
background-color: #FBE7EB;
}
.margin1{
width: 400px;
height: 200px;
background-color: #C6CAD7;
margin: 100px 100px 200px 100px;
}
.margin2{
width: 400px;
height: 200px;
background-color: #F2CC2D;
margin: 100px;
}
</style>
</head>
<body>
<!--关于margin的练习-->
<div class="margin">
<div class="margin1">
margin1
</div>
<div class="margin2">
margin2
</div>
</div>
</body>
解决:为父级div添加边框
二、margin的叠压
div上下的margin会重叠
解决:
1、把重叠的像素值加到某一div的margin中
2、如果元素没有特殊特征,可以用padding(个人不推荐使用)