margin存在的问题
描述:当两个div块存在父子关系时,子块div使用margin-top距离父块div一定距离时存在一定的问题,建议使用padding来达到同样的效果
代码:
<!DOCTYPE HTML>
<html>
<!-- html 注释 -->
<head>
<title>这是我的第一个html页面</title>
<meta charset="utf-8" />
<link href="" rel="stylesheet" />
<style>
#box1{
width:400px;
height:400px;
background:yellow;
}
#box2{
width:50px;
height:50px;
background:purple;
margin-top: 50px;
}
</style>
</head>
<body>
<div id="box1">
<div id="box2"></div>
</div>
</body>
</html>