文档流

文档流：(normal flow)

网页是一个多层结果，一层摞着一层。就像蛋糕。

可以通过CSS来设置每层

作为用户来讲,只能看到最上面的一层

这些层中,最底下的层,我们称之为文档层。简单来说，文档流是一个网页的基础

我们所创建的元素，默认都是在文档流中排列的。

对于我们来说有两个状态，

• 1.在文档流，
• 2.脱离文档流

块元素

块元素总是在文档流中独占一行，无论宽度是多少。

块元素上到下，垂直排列。

块元素会独占一行，所以会撑开父元素

行内元素

行内元素不会独占一行，只占自身的大小。行内元素的宽高度，总是被自身撑开。

行内元素在页面中从左向右水平排列。