文档流指的是元素排版布局的过程中,元素会自动从左往右,自上而下的流式排列。
脱离文档流指的是元素打乱了这个排列或将元素从中拿走。
脱离文档流的方式主要有两种:定位和浮动
块级元素和行内元素
- 块级元素总是独占一行
- 行内元素不独占一行,相邻的行内元素会排在一行,直到放不下才会自动换行
- 块级元素可以包含行内元素和块级元素
- 而行内元素不能包含块级元素
- 块级元素可以设置宽高
- 而行内元素不能
常见的块级元素:div,p,ul,ol,table,h1~h6等
常见的行内元素:a,img,strong,em,span等