父子元素margin塌陷问题

1、问题

父元素有外边距

子元素有外边距

子元素的外边距不会有作用,父元素会偏移外边距设置较大的那个样式

解决:

1、给父元素设置边框

2、父元素设置内边距

3、父元素添加样式overflow:hidden(推荐)

 

 

ps:

1、行内元素尽量只设置 左右外边距,因为设了上下也不起作用,如果一定想设置,可以转成行内块

2、浮动盒子不会导致塌陷

posted @ 2023-05-31 23:54  时间羚羊  阅读(29)  评论(0编辑  收藏  举报