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>
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/my-love-is-python/p/9264458.html