ポジションの用途は何ですか

位置には、「静的」、「相対」、「絶対」、「固定」、「固定」の 5 つの用途があります: 1. 静的なデフォルト値、これは特別な位置決めを意味しません; 2. 相対位置決め、それは意味しますドキュメント フロー内の要素の位置を基準とした位置決め; 3. 絶対的な絶対位置決めとは、最も近い非静的に配置された祖先要素などを基準とした位置決めを意味します。

# このチュートリアルのオペレーティング システム: Windows 10 システム、Dell G3 コンピューター。

CSS では、position 属性には次の用途があります。

1. static: デフォルト値。要素はドキュメント フローに従って通常どおり配置され、特別な配置はありません。実行されました。

2. relative: 相対配置。要素はドキュメント フロー内の通常の位置を基準にして配置されます。 top、right、bottom、left プロパティを使用して、要素の通常の位置に対する相対的なオフセットを調整できます。

3. 絶対: 絶対配置。要素は、最も近い非静的に配置された祖先要素を基準にして配置されます。静的に配置されていない祖先要素が見つからない場合は、ドキュメントの最初の包含ブロックを基準にして配置されます。 top、right、bottom、left 属性を使用して、配置された親要素を基準とした要素のオフセットを指定できます。

4. fixed: 固定位置。要素はブラウザ ウィンドウを基準にして配置され、ページがスクロールされても固定位置に残ります。 top、right、bottom、left 属性を使用して、ブラウザ ウィンドウに対する要素のオフセットを指定できます。

5. sticky: 固定配置。要素はスクロール位置に従ってドキュメント フロー内に配置され、スクロールが特定のしきい値に達するまで固定配置になります。 top、right、bottom、left プロパティを使用して、配置された親要素またはビューポートに対する要素のオフセットを指定できます。

これらの配置方法を適切なオフセット属性と組み合わせて使用​​すると、フローティング効果、固定ナビゲーション バー、および絶対位置のポップアップ ボックスの作成など、さまざまな複雑なレイアウト効果を実現できます。待って。

以上がポジションの用途は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。