文档流（normal flow）

文档流（normal flow）

a）网页是一个多层的结构，一层摞着一层

b）通过CSS可以分别为每一层来设置样式

c）作为用户来讲只能看到最顶上一层（俯视图）

d）这些层中，最底下的一层称为文档流，文档流是网页的基础，我们所创建的元素默认都是在文档流中进行排列

元素的两个状态

1、在文档流
2、不在文档流中（脱离文档流）

元素在文档流中的特点

对于块元素

1、块元素会在页面中独占一行（自上向下垂直排列）

2、默认宽度是父元素的全部（会把父元素撑满）

3、默认高度是被内容（子元素）撑开

对于行内元素

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

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

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

---

元素脱离文档流的特点

对于块元素

1、块元素不再独占一行

2、脱离文档流以后，块元素的宽度和高度默认都被内容撑开

对于行内元素

1、脱离文档流以后，特点和块元素一样

总结：脱离文档流以后，不需要再区分块元素和行内元素了(都变成了行内块元素？暂时理解)