评论

margin-top失效(塌方)及解决办法

margin-top失效及解决办法

当两个空的块级元素嵌套时,如果内部的块设置有margin-top属性,而且没有下边解决方法所述的特征,那么内部块的margin-top属性会绑架父元素(即margin-top传递给父元素)。


解决方法:

1、设置父元素或者自身的display:inline-block;(建议)

2、设置父元素的border:1px aqua solid;(>0)

3、设置父元素的padding:1px;(>0)

4、给父元素设置overflow:hidden;

5、给父元素或者自身设置position:absolute;

6、设置父元素非空,填充一定的内容。


(解决前效果)


(解决后效果)

最后一次编辑于  2021-07-13  
点赞 2
收藏
评论

1 个评论

  • 卡卡
    卡卡
    2021-07-14

    这本来就是css的特性啊,请学习bfc

    2021-07-14
    赞同
    回复
登录 后发表内容