标准文档流

标准文档流+浮动

**定义：**内容从左到右，从上到下书写的。前面的内容大小或者位置发生变化时，后面的内容位置也会随之变化。
web页面，就是一个标准的文档流。内容跟咱们的书写顺序有关。

标准文档流的特性

（1）空白折叠现象
无论多少个空格，tab，换行都会折叠唯一个空格。

<div>yuyu     yuyyu</div>

(2)高矮不同，底部对齐

爱心爱心<img src="img/aixin.jpg" alt="">

(3)一行写满，自动换行

行内元素和块级元素

标准文档流将咱们的HTML元素分为了两种：
-行内元素
-块级元素
区别
行内元素：
-可以与其他行内元素并排。
-宽，高设置是无效的。宽度是随着内容自适应。
块级元素：
-独占一行，不能与其他任何元素并排。
-宽，高可以设置。如果不设置宽，宽将默认为父标签的100%，不设置高度，高度自适应。
我们将HTML标签分为两大类：容器及标签，文本及标签