元素在（脱离）文档流的特点

0.常见的块级元素、行内元素、行内块元素

块级元素：

p h1~h6 div hr ul li ol dl dd dt form header main nav article section aside footer

行内元素：

span a b i u del s strong small big em sub sup

行内块元素：

img button input textarea select video audio

1.元素在文档流中的特点

块元素 block

- 块元素会在页面中独占一行（自上向下垂直排列） - 默认宽度是父元素的全部（会把父元素撑满） - 默认高度由内容撑开 - 可以设置margin\padding

行内元素 inline

- 行内元素不会独占一行，只占自身的大小 - 行内元素在页面中自左向右水平排列，如果一行之中不能容纳下所有的行 内元素，则元素会换行，自左向右排列。 - 默认宽度和高度都是被内容撑开 - 只能设置margin-left和margin-right、padding-left和padding-right

行内块元素 inline-block

- 行内块元素不会独占一行，只占自身大小 - 行内块元素水平排雷，自左向右 - 可以设置宽、高 - 可以设置margin和padding **2.元素脱离文档的特点**

脱离文档流后不再区分块元素和行内元素

块元素

块元素脱离文档流后，不占据一行，宽度和高度由值设定或者由内容撑开 下方文档流中的文字会环绕在块元素周围

行内元素

脱离文档流后悔具有块元素的特性，不占据一行