0

只是一个简单的问题:

我有这个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%)但我希望它在给定宽度的中间宽度;请帮帮我=)

4

3 回答 3

3

试试css

 #header{ margin:0 auto;}

jsFiddle

于 2012-10-21T16:34:05.310 回答
2

你可能想做

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

这将使 div 水平居中。

于 2012-10-21T16:45:35.693 回答
1

你可以做

#header{margin:0 auto;}

或者

#header{position: absolute; left:50%; margin-left: -480px;}
于 2012-10-21T16:39:41.190 回答