Web 開発における固定配置は、親やブラウザ ウィンドウに対してどのように機能しますか?

要素の固定配置について

Web 開発では、「固定」として配置された要素の動作に疑問が生じることがあります。親とウィンドウを基準にして要素を配置する方法についてさらに詳しく見てみましょう。

親を基準にして固定配置

親を基準にして要素を固定するには、子を設定します要素の位置を「絶対」に設定し、親の位置をデフォルト (静的) 以外に設定します。例:

#parentDiv { position: relative; }
#childDiv { position: absolute; left: 50px; top: 20px; }

これにより、#childDiv は #parentDiv の位置から 50 ピクセル左、20 ピクセル下に配置されます。

ウィンドウを基準にして固定位置

Web ブラウザ ウィンドウに対して要素を固定するには、その位置を「固定」に設定します。次に、「上」、「左」、「右」、「下」を使用して、必要に応じて配置できます。例:

#yourDiv { position: fixed; bottom: 40px; right: 40px; }

これにより、#yourDiv がウィンドウの下端と右端から 40 ピクセル離れた位置に配置されます。

注: 元の質問は「重複」として言及されています。 」は、コメントで明らかにされたものとは異なる質問をしています。この違いは、上記の回答で強調されています。

以上がWeb 開発における固定配置は、親やブラウザ ウィンドウに対してどのように機能しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。