Web ページ レイアウトの 3 つの方法は、1. 標準ドキュメント フロー、2. フローティング、3. 絶対配置です。このうち、絶対位置決めは標準のドキュメント フローから完全に分離され、含まれるブロックに基づいて位置決めを確立し、オフセット属性と Z-インデックス属性を持ちます。
関連する学習の推奨事項: Web サイト制作ビデオ チュートリアル
Web ページ レイアウトの 3 つの方法:
1: 標準ドキュメント フロー##1. 上から下と左から右側 (ブロックレベル要素 [div、ul、li、dl、dt、p] および行レベル要素 [hanging plate、img、strong、input])
2. ボックス モデル
1) ボックス モデルの属性:
border、
内側マージン パディング [(上、右、下、左) (上、左、左、下) (上、下、左)]、外側エッジ距離マージン [(上、右、下、左) (上、左、右、下) (上、下、左、右)]。
3. ボックス 3D モデル
1) ボックス 3D モデル レベル
1、境界線;
2、コンテンツ パディング;
3. 背景-img;
4. 背景-色;
5. マージン;
4. ボックス モデルのサイズは、外側のサイズと同じです。ボックスのマージン、内側マージン、および中央のコンテンツ
2: フローティングフロートフロート: 左、右、なし
クリアフロート:
1、クリア: 両方; (通常、直後の浮動要素をクリアするために使用されます)
2. 幅も設定します: 1000% (固定幅) オーバーフロー: 非表示;
注: (親に 1 へのクイック縮小が含まれている場合は、clear を使用します。両方のメソッドは無効です。通常は、float をクリアする 2 番目のメソッドを使用します)
3: 絶対配置1 静的位置決め 2 相対的位置決め 3 絶対的位置決め
##以上がWeb ページのレイアウトには 3 つの方法がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。