总所周知,子元素浮动会导致父元素高度塌陷,影响后续布局,出现布局重叠混乱等问题。清除浮动的作用就是使父元素拥有高度,不影响后续布局。
清除浮动有五种方法,而大部分初学者常用的方法是给父元素加浮动。但这样会造成更大的浮动问题,导致一旦遇到结构复杂的情况时就会样式混乱。
而使用伪元素清除浮动的意义,就是清除浮动之后,父元素拥有了高度,哪怕在之后不再使用浮动,也不会导致页面混乱,结构坍塌,后面所写的布局仍然是稳定正常的。
这也是伪元素清除浮动最好用的原因,可以提前在公共样式中写好,之后直接添加类名使用伪元素清除浮动即可。
理解了浮动与清除浮动,对于新手搭建页面有很大的帮助