父子元素margin塌陷问题

benjerry / 2023-06-01 / 原文

1、问题

父元素有外边距

子元素有外边距

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

解决:

1、给父元素设置边框

2、父元素设置内边距

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

 

 

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