html - CSSヘッダーの配置

Question

簡単な質問：

私はこのhtmlを持っています：

<div class="container">
  <div id="header">
   <div id="navbar">
   </div>
  </div>
</div>

およびCSS：

.container {
    position: relative;
    text-align: left;
    width: 100%;
    background-color: yellow;
}

#header {
    position: relative;
    background-color: red;
    height: 120px;
    width: 960px;
    margin: auto;
}

私のヘッダー（赤いコンテナーは左から右に100％引き伸ばされています）ですが、幅を指定して中央の幅にしたいです。助けてください=）

Answer 1

cssを試してください

 #header{ margin:0 auto;}

jsフィドル

Answer 2

あなたはおそらくやりたい

#header {
margin-left:auto;
margin-right:auto;
}

これにより、divが水平方向に中央揃えになります。

Answer 3

あなたはどちらかを行うことができます

#header{margin:0 auto;}

または

#header{position: absolute; left:50%; margin-left: -480px;}