<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#div01{
width: 300px;
height: 300px;
background-color: #f00;
}
#div02{
width: 200px;
height: 200px;
background-color: #0f0;
margin-top: 10px;
}
</style>
</head>
<body>
<div id="div01">
<div id="div02"></div>
</div>
</body>
</html>
当我们调DIV02的边距时 DIV02并没有下来 而是讲DIV01带了下来
外层DIV塌陷
解决办法1 给大盒子DIV01加一个边框
2.设置 给DIV01设置 overflow:hidden;
2种方法都能解决塌陷问题