CSS 中 position 的 containing block

这是 CSS-the complete guide 的学习笔记

Position: fixed

这种情况,containing block 是 viewport。

Position: absolute

containing block 是离当前对象最近的并且 position 不是 static 的 ancestor。如果当前对象设置某属性的值是百分比,则相对的是 containing block 的(content + padding)。

Position: static 和 relative

containing block 是最近的 ancestor(必须是 block element),如果当前对象设置某属性的值是百分比,则相对的是 containing block 的(content)。

你可能感兴趣的:(CSS 中 position 的 containing block)