CSS 固定位置と絶対位置の違い_html/css_WEB-ITnose

fixed: 固定位置

absolute: 絶対位置

違いは簡単です:

1. スクロールバーがない場合は違いはありません

2. スクロールバーがある場合は、固定位置になります。スクロールバーはスクロールバーの移動に合わせて移動しますが、absolute はスクロールバーと一緒に移動します

fix: 現在のウィンドウで固定、absolute: 参照の高さと幅で変化することが理解できます。 object 要素

通常、fixed はカバーレイヤーで使用され、上部に固定されたメニューバーや中央に表示されるポップアッププロンプトボックスなど、ページ上の特定の位置に固定されます

次の例は、2 つの違いの簡単なテストです。違いを確認するには、スクロール バーのドラッグに注意してください

＆lt; head＆gt;ボディトップ：100px;
bottom：100px;





効果は次のとおりです: スクロール バーを引き下げると、絶対レイヤーが上に移動し、固定レイヤーは移動しません












著作権に関する声明: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。