[CSS] 包含块模型
2016-03-06 本文已影响64人
何幻
包含块模型(Containing Block)
当WebKit计算元素的箱子的位置和大小时,WebKit需要计算该元素和另外一个矩形区域的相对位置,这个矩形区域成为该元素的包含块。
包含块的具体定义如下:
(1)根元素的包含块称为初始包含块,通常它的大小就是可视区域(Viewport)的大小。
(2)对于其他位置属性设置为static或者relative的元素,它的包含块就是最近祖先的箱子模型中内容区域(Content)。
(3)如果元素的位置属性为fixed,难么该元素的包含块脱离HTML文档,固定在可视区域的某个特定位置。
(4)如果元素的位置属性为absolute,那么该元素的包含块由最近的含有属性absolute,relative,fixed的祖先决定。