美文网首页
子元素设置margin-top后,作用在了父元素上

子元素设置margin-top后,作用在了父元素上

作者: 小蜗牛的碎碎步 | 来源:发表于2019-03-23 17:54 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
      *{
          margin: 0;
          padding: 0;
      }
    div{
      background: blue;
      width: 200px;
      height: 200px;
      /*设置padding或者border均可解决问题*/
      /* padding-top: 10px; */
      border-top: 1px solid #000;
    }
    p{
      background: red;
      width: 50px;
      height: 50px;
      margin-top: 30px;
    }
  </style>
</head>
<body>
<div>
  <p></p>
</div>
</body>
</html>

相关文章

网友评论

      本文标题:子元素设置margin-top后,作用在了父元素上

      本文链接:https://www.haomeiwen.com/subject/npmjvqtx.html