浮动的特点，可以用八个字总结：脱标、贴边、字围和收缩。

属性

• left 元素向左浮动
• right 元素向右浮动
• none 元素不浮动

清除浮动的方法

** 方法:给父元素设置高度**

方法:额外标签法

给谁清除浮动,就在其后额外添加一个空白标签 ，给其设置clear：both

clear：both：本质就是闭合浮动， 就是让父盒子闭合出口和入口，不让子盒子出来 。

方法: 给父元素添加overflow:hidden

方法:使用after伪元素清除浮动

方法:使用before和after双伪元素清除浮动

br标签清浮动

** 方法:br标签存在一个属性：clear。这个属性就是能够清除浮动的利器，在br标签中设置属性clear，并赋值all。即能清除掉浮动**。