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