定位（二） float

• http://www.w3cplus.com/css/float.html
• http://www.w3school.com.cn/cssref/pr_class_float.asp
  

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。

注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。

注意float与文字的排斥性。

float是什么？

float即为浮动，在CSS中的作用是使元素脱离正常的文档流并从它原本所在行朝其父元素的“最左边”或“最右边”移动，直至碰到另一个元素的边界则停止（如果没有碰到其他元素的边界，则碰到其父元素的边界则停止）

下面解释下这个定义中的几个名词的概念：

• 文档流：在html中文档流即为元素从上至下排列的顺序。
•  脱离文档流：元素从正常的排列顺序被抽离。
•  最左边/最右边：上述的移动到父元素最左和最右是指元素往左或往右移动直到碰到另一个浮动元素或父元素内容区的边界（不包括padding）。
•