__x__(27)0907第四天__ float 浮动

 float 浮动

块元素脱离文档流，水平排列。

浮动元素 会尽可能往左上（left），或者右上（right）浮动，直到遇到 块元素 或者 其余浮动元素。

 

可选值：

none;   默认值，不脱离文档流，垂直排列，不浮动。 

left;    脱离文档流，向文档 左上侧 浮动

right;    脱离文档流，向文档 右上侧 浮动

 

影响布局：

垂直上方的元素，若是是块元素，则浮动于块元素的下方。

垂直上方的元素，若是不是块元素，则浮动元素会覆盖住文档流的元素。

若位置宽度不够，则另起一行。

浮动的元素不会覆盖住 文字 。。。文字会自动环绕在浮动元素的周围