了解CSS浮动以及清理浮动（Float）

CSS浮动

浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，相当于不占用空间，所以文档的普通流中的块框表现得就像浮动框不存在一样。

CSS 浮动属性

css中，我们使用float来实现浮动，使用方法如下：

img{
  float:right;
}

float属性值有以下几种：

left：元素向左浮动
right：元素向右浮动
none：默认值。元素不浮动，并会显示在其文本出现的位置
inherit：从父元素继承float属性

浏览器支持

所有的主浏览器都支持float，但是IE均不支持"inherit"

CSS浮动情形

下面介绍浮动的使用情形及问题：

如下图所示，当把框1向右浮动时，它脱离文档流向右移动，直到它的右边框碰到包含框