day02-layout文档流

文档流（normal flow）

---

网页是一个多层结构，一层摞着一层，用过CSS可分别为每一层来设置样式，用户只能看到最顶上一层。；

文档流是网页的基础，创建的元素默认在文档流中进行排列；

文档流的状态：

---

• 在文档流中；
• 不在文档流中（脱离文档流）；

元素在文档流中的特点：

---

• 块元素：
  1、块元素独占一行，与width和height取值无关；
  2、默认宽度是父元素全部（把父元素撑满）；
  3、自上而下排列；

• 行内元素：
  1、行内元素不独占一行；
  2、默认宽高都是被内容撑开；
  3、自左向右水平排列，一行不能容纳时则从第二行开始继续自左向右排列；