Question

我似乎无法将我的div（标题）居中对齐，而div位于另一个div中。

HTML

<div class="wrapper">
   <div id="header">
      <div class="title">Home</div>
   </div>
</div>

CSS

#header {
  position:relative;
  width:1200px;
  height:400px;
  margin:auto;
  border:1px solid red;
}

.title {
  position:absolute;
  width:1000px;
  height:140px;
  background-color:red;
  margin:auto;
}

Answer 1

删除position: absolute，效果很好。

位置：绝对仅在您需要在正常文档流程之外进行非常特定的放置时才需要。在这种情况下，除了你已经拥有的自动左右边距之外，没有什么特别的了。

Answer 2

你正在混合东西。删除绝对位置。

或者如果你想要它是绝对的，你可以这样做

.title {
position:absolute;
width:1000px;
height:140px;
left: 50%;
background-color:red;
margin-left:-500px;
}

Div不在另一个div中心对齐

2 个答案: