版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
html文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>margin塌陷</title>
<link rel="stylesheet" type="text/css" href="hm.css" />
</head>
<body>
<div class="parent">
<div class="child"></div>
</div>
</body>
</html>
css文件：
.parent{
border: 10px red solid;
}
.child{
background-color: yellow;
width: 100px;
height: 100px;
float: left;
}