css - 关于给上边距出现的问题

问题描述

问 题

如下代码，我给p标签一个上部外边距为什么没反应，反而父级DIV跟着下来？这种属于什么现象？

  <div style = "background-color:yellow;height:200px;">
       <p style= "background-color:green;height:50px;margin-top:100px;">88888888888888888888</p>
        
    </div>

解决方案

1.给父层添加：overflow:hidden;
2.给父层添加：border除none以外的属性
3.给父层添加：padding-top代替margin-top的效果。

这篇关于css - 关于给上边距出现的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！