margin: 0 autoボディ幅が設定されていると機能しません。どうして？<body>ウェブページの中心にするには？
body {
width: 960px;
}
#header {
height: 100px;
background-color: Green;
margin: 0 auto;
}<html>
<head>
<title>Menu</title>
<link rel="Stylesheet" type="text/css" href="menu.css" />
</head>
<body>
<div id="header">
</div>
</body>
</html>margin: 0 auto;は、widthまたはmax-widthssssプロパティでのみ適用されます。本体にwidthを設定し、margin: 0 autoを#headerに設定して間違っています。 widthまたはmax-widthを#headerにも移動します。
body {
margin: 0;
}
#header {
height: 100px;
margin: 0 auto;
background-color: #0f0;
max-width: 500px; // you can set width if you don't need responsive page
}<html>
<head>
<title>Menu</title>
<link rel="Stylesheet" type="text/css" href="menu.css" />
</head>
<body>
<div id="header">
</div>
</body>
</html>あなたは身体
セットマージンとパディングあなたの体のために、そしてあなたのヘッダーのdivのために設定され、
body
{
margin:0;
padding:0;
}
#header
{
width:960px;
height:100px;
background-color:Green;
margin:0 auto;
}
は、このコードを試すための幅を設定することはできません。
*{margin:0 auto}
オマールより多くの時間を聞いて、plzは答えとして投稿する前に、まずそれを試して、非常に基本的な質問です –
それはすでにあなたのソリューションが正しくない、この質問 –