margin-top和padding-top

padding- top 在原有的基础上进一步的扩张

margin - top 在原有的位置上发生上下的平移

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="border: 1px solid red;  height:100px">
        <!--<div style="height: 20px ; padding-top: 30px; background-color: #f25022"></div>-->
        <div style="height: 20px ; margin-top: 30px; background-color: #f25022"></div>
    </div>

</body>
</html>

posted on 2018-07-04 17:41 python我的最爱阅读(275) 评论(0) 编辑收藏举报