html - 位置を固定すると、ドキュメントの高さが低くなりますか？

Question

私はこれと本当に混乱しています。ここに、特定のスクロール後に位置を修正する必要があるdivがあります。そのdivの位置の前は絶対です。試してみたところ、ある画面では固定位置によってドキュメントが実際に少なくなっているのに対し、他の画面ではそうではないことがわかりました。

私が知りたいのは、どれがバグなのかということです。エレメントを固定すると原稿の高さが下がりますか？

ありがとう

Answer 1

要素に固定位置を使用すると、「通常のレイアウトフロー」から削除されます。ドキュメントの高さは、ページ内のすべての要素の位置によって決定されるため、位置の変更はすべてドキュメントの高さに影響します。

固定および絶対ポジショニングについては、CSSビジュアルフォーマットモデルの仕様で詳しく説明されています：http ：//www.w3.org/TR/CSS2/visuren.html#absolute-positioning

絶対測位について（仕様から）：

絶対測位モデルでは、ボックスはそれを含むブロックに対して明示的にオフセットされます。通常のフローから完全に削除されます（後の兄弟には影響しません）。

ほぼ同じことが固定ポジショニングにも当てはまります（同上）：

固定ポジショニングは、絶対ポジショニングのサブカテゴリです。唯一の違いは、固定位置のボックスの場合、包含ブロックはビューポートによって確立されることです。