浮动

yu语法：float：left/right

作用：为了实现文字环绕效果

负作用：1、背景不能现实；2、边框不能撑开父元素；3、margin padding 设置值不能正确显示

常用：清除浮动；

清除浮动的场景：当父元素没有设置宽度或者高度的时候，有需要子元素撑开父元素的时候；

清除浮动的方式：

1、clear：both

优点：方便使用

缺点：会多家HTML空标签

2、使用after伪元素清除浮动（常用）

优：无需额外的标签，使用最多的清除浮动方法之一；

缺：ie6不支持伪元素：after；使用zoom：1 触发hasLayout

3、对父级设置适合css高度

4、对父级设置overflow：hidden

原理：父元素定于overflow：hidding，此时，浏览器回自动检查浮动区域的高度；

优点：简单，无需增加新标签

缺：不能喝position配合使用，因为超出尺寸会被隐藏；