Normal Flow 标准流

也称为文档流或普通流

• 网页是一个多层的结构，一层摞着一层，通过CSS可以分别为每一层来设置样式。作为用户来讲只能看到最顶上一层，这些层中，最底下的一层称为标准流（文档流），是网页的基础。我们所创建的元素默认都是在标准流（文档流）中进行排列

• 对于我们来说元素主要有两个状态：在文档流中；脱离文档流

• 标准流中的元素从左到右、从上到下按顺序摆放好

  • 块元素
    • 会独占一行（无论是否有 width），从上向下顺序排列。
    • 默认宽度是父元素的全部（会把父元素撑满）
    • 默认高度是被内容撑开（子元素）
  • 行内元素
    • 只占自身的大小，会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行
    • 默认宽度和高度都是被内容撑开