定位类型以及容纳块

定位类型

position的取值类型

position的初始值是static
定位有五个类型：
			static、relative、sticky、absolute、fixed

static：正常生成的元素框

块级元素所生成的矩形框，就位于文档流里面。
行内元素生成的一个或者多个的行框，就随着它的父元素流动。

relative：相对定位

元素偏移一定的距离，定位的元素的形状还有所占的空间和未定义时一样，相对定位是相对于自身位置进行偏移。当设了相对的偏移量之后，这个DIV原来所占据的位置（文档流）不会被下面的DIV块挤占，而是空在那里。

absolute：绝对定位

元素框从文档流里面移除，相对于父容器中含有定位属性的元素进行定位（直接父容器没有他会一层一层往上找，没有的话就相对body）。一个DIV块的位置被定义为绝对定位的时候，也就意味着它失去了文档流的位置，后面的文档流会紧跟着补上来接替它的位置。

fixed：固定定位

元素框的行为类似于绝对定位，不过容纳块是视区的自身。

stucky：粘滞定位

元素一开始留着常规的文档流中，达到触发粘滞的条件时就从常规的文档流中移除，原占据的空间保留，这个时候相对容纳块绝对定位，失效后就回到文档流的最初位置。

容纳块

比如： 在文档流中，根元素HTML是body元素的容纳块，body元素又是其他子元素的容纳块。
如果是对于定位元素来说的话，容纳块就取决于定位的类型。

定位元素是相对定位或者初始值

对于非根元素来说，容纳块就是最近的祖辈元素决定。

定位元素是绝对定位

对于非根元素来说，如果祖辈元素是块级元素的话，容纳块就是那个元素的内边距边界。
如果是行内元素的话，容纳块就是祖元素的内容边界。
如果没有祖辈元素的话，元素的容纳块就是初始容纳块。

定位元素可能位于容纳块的外部