4、CSS 进阶

一、浮动的副作用、清除浮动的几种方法：

1、浮动的副作用

• （1）父元素高度塌陷，从而导致边框不能撑开，背景色无法显示

• （2）页面布局混乱

2、清除浮动的三种方法

• （1）clear：both；

    clear属性不是应用于浮动元素本身，而是应用于浮动元素后面的元素

• （2）overflow：hidden

    应用于浮动元素的父元素，而不是当前浮动元素

• （3）：：after伪元素

    使用clear：both和overflow：hidden；来清除浮动都有弊端，在实际开发中，比较号的解决方案是使用：：after伪元素，结合clear：both来说实现。