CSS之悬浮float：right/left

CSS在布局的时候经常用到悬浮。

1 使用情况

悬浮（float）、定位（position）、框类型（display）都是前端布局经常使用的东西，但之前一直不是很清楚在什么情况下使用这些属性。

使用情况如下：

悬浮：只涉及左右位置的移动。

定位：设计上下左右位置的移动。

框类型：涉及行内元素与块级元素（自动换行，block）。

2 缺点

任何事情都有正反两面，那么悬浮的坏处呢？

1.背景不能显示；

2.边框不能撑开；

3.margin设置值不能正确显示。

3 清除悬浮

方法1：

添加新元素（div)，新元素只有clear：both属性。

缺点：html代码有一个多余的div元素

方法2：

父级div定义overflow;auto

方法3：

:after方法，据说B格最高的。（作用于浮动元素的父元素）