-2

我试图将一个 div 居中在另一个 div 中，其中父 div 的宽度为 100%，高度为 100px。我对此进行了彻底的研究，并且尝试了所有答案，但没有任何效果。我认为我的代码有问题。

这是我到目前为止所拥有的。

我的 HTML：

<div class="footer">

  <div class="footerContainer">
  </div>

</div>

CSS：

.footerContainer    {width: 964px; 
                     height: 100px; 
                     margin: 0 auto; 
                     color:#9F0; 
                     right:0;
                     left:0;
                     display:table-cell}

.footer  {background-color:#1e4da0;
          height:300px;
          width:100%;
          left:0;
          right:0;
          position:absolute;
          display:table}
4

3 回答 3

1 
<div style="width: 100%; height: 100px; text-align: center;">
    <div>Your content</div>
</div>
于 2013-04-11T20:12:04.443 回答
0

我只能用一个额外的包装来做到这一点。检查小提琴 另外，我改变了尺寸并使用了一些糟糕的颜色。你会有这样的东西

<div class="wrapper">
    <div class="footer">
      <div class="footerContainer">
     </div>
    </div>
</div>
于 2013-04-11T20:32:13.823 回答
0

这是一个简单的小提琴示例，您可能想看看它 [http://jsfiddle.net/EZg6q/]

于 2013-04-11T20:34:58.270 回答