独自のフローティング・レイアウトを使用します

<!DOCTYPE HTML> 
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>浮动</ TITLE>
<スタイル>
* {
パディング:0;
マージン:0;
}
.container {
幅:100%。
背景色:緑;
分の高さ:500pxなど。
}
.LEFT {
幅:200pxの。
高さ:300ピクセル;
背景色:ピンク;
フロート:左;
}
.RIGHT {
幅:150ピクセル。
高さ:300ピクセル;
背景色:
フロート:右;
}
.center {
高さ:300ピクセルによって、
マージン左:200pxの;
マージン右:150ピクセルによって、
背景色:青;
}
</スタイル>
</ head>
<body>
<DIV CLASS = "コンテナ">
<DIV CLASS = "左"> </ div>
<divのクラス= "右"> </ div>
<divのクラス= "センター">
5236
</ div>
</ div>
</ BODY>
</ HTML>

この方法は、理解しやすいですが、中央に幅を設定しないように覚えています

おすすめ

転載: www.cnblogs.com/hy96/p/11372750.html