前端学习笔记31-文档流

前面的学习是css的基础，现在开始学习布局

文档流

网页是一个多层结构，一层摞着一层。css可以设置每一层，而用户则只能看到最顶层。其中的最底层即为文档流，是网页的基础。
我们创建的元素默认在文档流中进行排列。因此元素主要有两个状态：在文档流中和不在文档流中

在文档流中

块元素和行内元素
块元素(如div)在页面中独占一行，默认宽度为父元素的宽度，默认高度被内容撑开。
行内元素(如span)不会独占一行，只占自身的大小，如果一行容纳不下，则换到第二行自左向右排列。默认宽度和高度被内容撑开。

当块元素和行内元素脱离文档流时，则不再区分块和行内，具体内容以后会学到。