浮动
使用float属性来设置元素的浮动,可选值:
- none 默认值,元素不浮动
- left 元素向左浮动
- right 元素向右浮动
浮动的特点:
- 浮动元素脱离文档流向左侧右侧移动,但是不会走出父元素。
- 会按顺序,不会超过它前边的兄弟元素。
- 浮动元素不会盖住文字。
浮动的功能:目前来说,可以用来让页面上的元素水平排列。
脱离文档流的特点:
对于块元素:块元素不再独占一行,大小默认是被内容撑开;
对于行元素:行内元素是不能设置大小的,但是脱离文档流之后,特点跟块元素一样了。
总的来说,脱离文档流以后可以理解为不再区分块和行。