CSS标准(3)-包含块

概念

包含块：一个元素box的定位和尺寸，有时候会跟某一矩形框有关，这个矩形框，就被称作该元素的包含块。

###判定包含块

包含块判定总流程图如下：

其他都很好理解，以下单看绝对定位元素的包含块。

绝对定位元素

1、如果其祖先元素是行内元素，则包含块取决于其祖先元素的 ‘direction’ 特性

如果 ‘direction’ 是 ‘ltr’，包含块的顶、左边是祖先元素生成的第一个框的顶、左内边距边界(padding edges) ，右、下边是祖先元素生成的最后一个框的右、下内边距边界(padding edges)

如果 ‘direction’ 是 ‘rtl’，包含块的顶、右边是祖先元素生成的第一个框的顶、右内边距边界 (padding edges) ，左、下边是祖先元素生成的最后一个框的左、下内边距边界 (padding edges)

2、如果祖先元素不是行内元素，那么包含块的区域应该是祖先元素的内边距边界

(完)

本文作者 ： cyningsun

本文地址 ： https://www.cyningsun.com/04-20-2014/css-standard-three.html

版权声明 ：本博客所有文章除特别声明外，均采用 CC BY-NC-ND 3.0 CN 许可协议。转载请注明出处！