css面试精讲之防止高度坍塌的4种方式

Q1：BFC专题

1、防止高度坍塌的4种方案

问题重现

问题重现1：

• 父元素的高度，都是由内部未浮动子元素的高度撑起的。

问题重现2：

• 子元素浮动，还会对付元素造成影响。
• 如果子元素浮动起来，就不占用普通文档流的位置。父元素高度会失去支撑，就造成高度坍塌。

问题重现3：

问题重现4：即使有部分元素留在普通文档流布局中支撑着父元素，如果浮动起来的元素高度高于留下的元素。那么浮动元素的高度会超出父元素边框，用户体验同样不好！