Css 将一个分区放在另一个分区的中心。我已经尝试了所有方法

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

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

我的HTML：

<div class="footer">

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

</div>

你的内容

我只能用一个额外的包装器来完成。检查 此外，我改变了尺寸，并使用了一些糟糕的颜色。 你会得到这样的东西

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

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

您还没有尝试所有方法：宽度为100%，它不会居中，因为它的宽度相同。text-align:center？

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

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