高度塌陷问题和解决高度塌陷问题

什么是BFC,有什么用

什么是高度塌陷

在文档流中,父元素的高度默认是由子元素撑开的,等于说子元素多高,父元素就多高,但是当为子元素设置了浮动之后,子元素会脱离文档流,此时,将会导致子元素无法撑起父元素的高度,会导致父元素的高度塌陷。
高度塌陷会导致的问题
会使父元素下面的兄弟元素都想上移动,会使页面布局变化,影响原来的布局
image.png