CSS

[CSS] 包含块模型

2016-03-06  本文已影响64人  何幻

包含块模型(Containing Block)

当WebKit计算元素的箱子的位置和大小时,WebKit需要计算该元素和另外一个矩形区域的相对位置,这个矩形区域成为该元素的包含块

包含块的具体定义如下:
(1)根元素的包含块称为初始包含块,通常它的大小就是可视区域(Viewport)的大小。
(2)对于其他位置属性设置为static或者relative的元素,它的包含块就是最近祖先的箱子模型中内容区域(Content)。
(3)如果元素的位置属性为fixed,难么该元素的包含块脱离HTML文档,固定在可视区域的某个特定位置。
(4)如果元素的位置属性为absolute,那么该元素的包含块由最近的含有属性absolute,relative,fixed的祖先决定。

上一篇下一篇

猜你喜欢

热点阅读