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

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