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格最高的。（作用于浮动元素的父元素）