块元素在文档流中会独占一行，自上而下排列
如果元素脱离文档流后，就不会具有在文档流的特点
float: ; 可选值：
none 默认值，元素正常显示，不浮动
left 向左浮动
right 向右浮动
浮动可以使元素水平布局
特点：
1、设置元素浮动后，元素会脱离文档流，元素在文档流中的位置，就不会存在，下面的元素就会上移，挤上去
2、设置元素浮动后，元素会尽量向左向右移动。而且默认情况下，不会脱离父元素的范围
3、设置浮动的元素，不会超过它前一个兄弟，最多是一边齐
4、如果浮动元素的前一个兄弟，没有浮动，则浮动的元素不会超过它前面的兄弟元素
5、当浮动元素遇到了文字，浮动的元素不会覆盖文字，而是文字会环绕在浮动元素的周围。从而实现文字环绕图片的效果。（这也是浮动最早的功能，只是后面用于水平布局）
总结：浮动主要是用于元素的水平布局