html - 固定位置会降低文档高度吗？

Question

我真的很困惑。在这里，我有一个div，它的位置应该在某些 scroll之后固定。在该 div 的位置是absolute之前。我试过了，发现对于我的一个屏幕固定位置确实减少了文档，而在其他屏幕上却不是。

我想知道的是其中哪个是错误？元素的固定位置会降低文档高度吗？

谢谢

Answer 1

如果您对元素使用固定定位，则会将其从“正常布局流程”中移除。文档的高度由页面中所有元素的定位决定，因此，定位的所有更改都会影响文档高度。

固定和绝对定位在 CSS 视觉格式化模型规范中有详细解释：http: //www.w3.org/TR/CSS2/visuren.html#absolute-positioning

关于绝对定位（来自规范）：

在绝对定位模型中，一个盒子相对于它的包含块显式地偏移。它完全从正常流程中移除（它对后来的兄弟姐妹没有影响）。

几乎同样适用于固定定位（同上）：

固定定位是绝对定位的一个子类别。唯一的区别是对于一个固定定位的盒子，包含块是由视口建立的。