float—浮动

 由于块元素默认都是垂直排列放置的，如果希望其在页面中水平排列，可以使块元素脱离文档流

这就用到了float来使元素浮动，从而脱离文档流

 

float：可选值none：默认值

                     left：元素会立即脱离文档流，向页面的左侧浮动

                     right：元素会立即脱离文档流，向页面的右侧浮动

1;当元素脱离文档流之后，它下边的其他元素会立即向上移动,浮动的位置知道遇到父元素或其他浮动元素

2:如果浮动元素上边是一个没有浮动的块元素，那么浮动元素不会超过块元素。       

3:浮动的元素不会盖着文字，文字会自动环绕在浮动元素周围。

4:可以通过文字环绕图片效果             

5:块元素脱离文档流以后，如果没有设置高度和宽度，高度和宽度默认被内容撑开

6：

内联元素脱离文档流后，变块元素