ページレイアウトにおける位置決めの詳細な解釈

以下は私がまとめたページレイアウトの位置付けです。興味のある学生はご覧ください。

ページ レイアウトに div+CSS を使用する場合、位置の配置は次のように理解されます:

1. (現在の要素の) 位置: 相対、ドキュメント フローのレイアウトから逸脱せず、独自の位置を基準にしてオフセットされます。 , 本来の自分 空白の位置がある場合、後続の要素は埋められません。つまり、現在の要素と後続の要素の相対位置 (または相対順序) は変更されません。 、現在の要素と後続の要素の順序は同じではありません。

2. (現在の要素の) 位置: 絶対、ドキュメント フローのレイアウトから分離されます。元の位置が空白の場合、配置の開始位置は親要素になります (位置は静的ではありません)。 ) またはボディ、つまり、親要素またはボディに対する現在の要素の位置は固定されていますが、後続の要素は現在の要素の前に移動する可能性があります。通常、これを次のように理解します。現在の要素と後続の要素の順序は次のようになります。変化。

3. (現在の要素の) 位置: 固定で、絶対と同様ですが、スクロール バーが移動しても位置は変わりません (たとえば、スクロール バーが引き下げられたときに Web ページの右下隅に配置される一部の広告) 、広告の位置は変わりません）、ブラウザがズームアウトされてこの要素が見えなくなると、ページにスクロール バーは表示されません。

4. (現在の要素の) 位置: 静的、デフォルト値。

上記は私がまとめたページレイアウトの位置付けです。今後の参考になれば幸いです。

関連記事:

CSSページレイアウトテクニックを詳しく紹介

CSSの基礎知識を詳しく解説

jquery+CSS3でドロップダウンナビゲーションメニュー機能を実装

以上がページレイアウトにおける位置決めの詳細な解釈の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。