解决CSS嵌套块元素塌陷问题

494 阅读1分钟

问题现象:

当父元素嵌套子元素,子元素margin大于父元素margin时,会导致父元素被子元素的margin挤下去。

image.png

image.png

解决方案:

1、给父元素设置border

image.png

2、给父元素设置padding

image.png

3、父元素设置overflow:hidden

image.png

效果:

image.png