本文通过一个简单的HTML示例介绍了如何正确使用CSS中的padding属性来调整元素间的垂直间距，对比了padding与margin的不同之处及其应用场景。
善于使用父亲的padding。而不是margin(margin本质上表达的是兄弟之间的距离)，padding表达的是父子之间的距离。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{padding: 0;margin: 0;}
div{
width:400px;
height:350px; /*用padding时，注意减去height*/
background-color:paleturquoise;
padding-top:50px; /*padding用来表达父子之间的距离*/
}
p{
width:200px;
height:200px;
background-color:deeppink;
}
</style>
</head>
<body>
<div>
<p></p>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
