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;}

jsFiddle

Answer 2

您可能想要

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

这将使div水平居中。

Answer 3

你可以做

#header{margin:0 auto;}

或者

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