css中的文档流

1.文档流
文档流是一个多层的结构，一层摆着一层
-通过CSS可以分别为每一层设置样式
-作为用户只能看待文档流的最顶上一层
-这些层中，最底下的一层称为文档流，文档流是网页的基础
我们所创建的元素默认是在文档流中进行排列
-对于我们的元素主要有两种状态
在文档流中
脱离文档流

2.元素在文档流中的特点：
2.1 块级元素：
1）块级元素默认在页面中独占一行（自上向下排列）
2）默认宽度是父元素的全部（即会把父元素撑满）
3）默认高度是根据内容而定（子元素）

2.2 行内元素
1）行内元素不会独占页面的一行，只占自身的大小
2）行内元素在页面中水平自左向右排列，如果一行之中不能排满，则元素会换到第二行继续自左向右排列
3）行内元素默认高度和宽度都是根据内容而被撑开