CSS の 3 つの位置決めメカニズム

CSS の 3 つの基本的な配置メカニズム

a. 通常のドキュメント フロー

b. 配置: 相対配置

固定配置

c. 通常のフローでは、要素の位置は次のように決定されます。ドキュメント ブロックレベルの要素は上から下に配置されます。ボックス間の垂直方向の距離は、行内で水平方向に配置されます。は通常のフローの一部とみなされ、移動された要素は依然として元の位置を占めており、要素を移動すると他のボックスを覆うことになります

3。絶対的な配置は、配置された最も近い祖先要素に対して相対的です。位置決めは通常のフローとは異なります

4. 固定位置はブラウザウィンドウの位置に相対的です

5. フローティング要素は、その外側の境界線がそのボックスまたは別のフローティングの端に触れるまで左右に移動できます。ボックス

6. フローティング要素は通常のドキュメント フローから切り離されます

7. インライン要素とインライン ブロック要素がフローティング ボックスの周囲に配置され、ブロック要素がカバーされます

3 つの配置メカニズムに関連するその他の記事はこちらCSS では、PHP 中国語 Web サイトに注意してください。