标准文档流

标准文档流指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。当前面内容发生了变化，后面的内容位置也会随着发生变化。

HTML就是一种标准文档流文件。

HTML中的标准文档流特点通过两种方式体现：微观现象和元素等级。

微观现象

1.空白折叠现象

多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙，如果在一行内写img标签，就解决了这个问题，但是我们不会这样去写我们的html结构。这种现象称为空白折叠现象。

2.高矮不齐，底边对齐

文字还有图片大小不一，都会让我们页面的元素出现高矮不齐的现象，但是在浏览器查看我们的页面总会发现底边对齐

3.自动换行，一行写不满，换行写

如果在一行内写文字，文字过多，那么浏览器会自动换行去显示我们的文字。

元素等级

在标准流中，大部分元素是区分等级的，习惯将元素划分为几种常见的加载级别： 块级元素、行内元素、行内块元素等。

块级元素

块级元素：大部分容器级标签包括p标签都是块级元素，比如 <div> 、<h1> 等。

1. 块级元素可以设置宽高，在浏览器中正常加载。
2. 块级元素必须独占一行，不能与其他任何标签并排一行。
3. 块级元素如果不设置宽度，会自动撑满父级的 width 区域；高度不设置，会被内 容自动撑开高度。