CMSYX的博客

原创 因浮动造成的高度塌陷解决方案

使用overflow代码，将自动把父盒子转换为BFC区域，采用BFC区域后，将声明本盒子内的子元素布局将不会影响外部的文档，子元素将自动将父盒子撑开。即使用height属性，固定父盒子的总体高度，不可更改，本方案只推荐在确定父盒子高度的情况下使用，如果不能确定，可能会出现排版混乱的情况。伪类的原理就是给大盒子的最后添加内容，afrer代表最后，并将其转换为块级元素独占一行，并清除浮动产生的影响，将整个盒子撑开。清除浮动的影响：left表示清除左浮动产生的影响。当使用哪个方向的浮动时，就清除当前方向的影响。