美文网首页CSS
[CSS] 包含块模型

[CSS] 包含块模型

作者: 何幻 | 来源:发表于2016-03-06 10:46 被阅读64次

    包含块模型(Containing Block)

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

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

    相关文章

      网友评论

        本文标题:[CSS] 包含块模型

        本文链接:https://www.haomeiwen.com/subject/xadnkttx.html