Question

我试图将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}

Answer 1

<div style="width: 100%; height: 100px; text-align: center;">
    <div>Your content</div>
</div>

Answer 2

我只能用一个额外的包装器来做。检查fiddle 此外，我改变了尺寸，并使用了一些可怕的颜色。你会有这样的东西

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

Answer 3

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

将Div划分为另一个Div。我尝试了一切

3 个答案: