Margin:0 auto が設定されていますが、中央に配置できないのはなぜですか?
<!DOCTYPE html>
<html>
<head>
<メタ文字セット ="UTF-8">
<title>1. 単一列の等幅レイアウト</title>
<!--Style-->
<style type="text/ css" >
.container{
max-width: 960px;<!--最大幅を 960px に設定します-->
margin:0 auto ;< !-- 内側のブロック要素を水平方向の中央に設定します -->
}
.header{
height:50px;
背景色: #21ff80;
}
.main{
高さ:600px;
背景色:#80007f;
}
.フッター{
高さ:100px;
背景色:#21ff80;
}
< ;/style>
##<body>
<h4> ;シングルカラムなどワイドレイアウトの基本的な考え方: </h4>
<p>1. ページの見出し、本文、下部をすべてコンテナに配置し、均一に設定します<br>
2. コンテナ内のサブブロックは高さを設定するだけで済みます。
</p>
<div>
<div>head</div>
<div>body</div>
<div>bottom</div>
</ div>
##</body>
</html>
