包含块(containing block)的确定

1. 根元素的包含块由初始包含块(initial containing block)决定
   1. html中根元素是html,   有的浏览器使用body
   2. 初始包含块的direction与根元素相同
2. position为relative或者static的元素, 包含块由它最近的块级,   单元格(table-cell)或者行内块(inline-block)祖先元素的内容框创建.
3. position为fixed元素的包含块为当前可视窗口
4. position为absolute元素的包含块由理他最近的position为absolute,   relative或者fixed的祖先元素创建
   1. 如果该祖先元素为inline元素, 包含块取决于该祖先元素的direction
      1. direction为ltr:   包含块的top,  left边为祖先元素生成的第一个框的top,   left内边距边界(padding edges),  right,   bottom边为最后一个框的right,   bottom的内边距边界(padding edges). 
      2. direction为rtl:   包含块的top,  right为祖先元素生成的第一个框的top, right内边界(padding edges),  left,  bottom为最后一个框的left,   bottom的内边距边界(padding edges)
   2. 如果该祖先元素不是行内元素,   那么包含块的区域是该祖先元素的内边距边界(padding edges)