文档流(normal flow)

layout(布局)

文档流(normal  flow)网页是一个多层的结构，一层摞着一层

通过CSS可以分别为每一层来设置样式，作为用户来讲，只能看到最顶上一层。

这些层中，最底下的一层称为文档流，文档流是网页的基础。

我们所创建的元素默认都是在文档流中进行排列的

对于我们来说，元素主要有两个状态

在文档流中

特点:

块元素:会在页面中独占一行【不管多宽还是独占一行】(自上向下，垂直排列)

默认宽度是父元素的全部(会把父元素撑满)

默认高度是被内容撑开(子元素)

行内元素:不会独占页面一行，只占自身的大小

行内元素在页面中自左向右水平排列，如果一行之中不能容纳下所有的行内元素，则元素会换行到第二行继续自左向右排列(书写习惯一致)

行内元素的默认宽度和高度都是被内容撑开