html - margin : Auto wont work in HTML/CSS

Question

想知道是否有人可以帮助我我正在尝试在 HTML 页面上将一个 div 与另一个 div 居中。第一个 div 会很好地居中，但无论我如何处理父 div 中的 div，都不会在我的 CSS 中使用“margin:auto”居中。

下面是我的 HTML:-

<div class="jumbotron">
  <div class="container">

  </div>
</div> 

这是我的 CSS:-

.jumbotron {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 600px;
    background-color: #5a9a9a;
}

.jumbotron .container {
    position: absolute;
    margin: auto;    
    background-color: #5a5a5a;
    width: 500px;
    height: 500px;
}

Answer 1

从 .jumbotron .container 中移除 position: absolute;

这是一个JSFiddle进行演示。