一、什么是文档流？

文档流：HTML文档中元素出现的先后顺序就叫文档流。

• 正常文档流：HTML元素的默认情况下的布局，即：页面从上到下一行一行的显示出来，块元素独占一行，相邻行内元素从左到右排列，直到排满为止
• 脱离文档流：与正常文档流相反，即非默认情况下文档的布局。有2种方式可以干预正常文档流：浮动和定位
• 包含块：可以理解为一个容器，它可以容纳若干子元素，它决定了子元素的大小和定位
• 块元素：独占一行，可以通过属性display:block设置。可以设置元素的width、height、margin等属性
• 行内元素：多个元素共占同一行，可以通过属性display:inline设置。不能设置元素的width、height、margin等属性，元素的大小和所包裹的内容大小有关