学习css中的文档流

1.我们来理解什么是文档流？

      官方文档中有这样一句话：The flow of an element A is the set consisting of A and all in-flow elements whose nearest out-of-flow ancestor is A。翻译过来大概是这样，A元素的文档流是一个集合，这个集合由A和所有流内元素组成，并且这些流内元素的最近流外的祖先是A。是不是听着雨里雾里的，下面来举一个简单的例子。

假设A,B,C三个元素都在文档流中，则A元素的文档流就是由A本身，B元素和C元素组成，因为B和C元素的文档流之外的最近祖先是A。这样是不是要清楚一点了。

2.文档流和定位模式之间的关系
  css中有三种定位机制：
  （1）普通流：除非专门指出，所有框都在普通流中定位，所以普通流中元素框的位置由元素在HTML中的位置决定。
  （2）浮动
  （3）绝对定位
  一个元素如果是浮动定位，绝对定位则脱离文档流