美文网首页
子元素设置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