如何在另一个div中居中放置一个div？

小编典典

如何在另一个div中居中放置一个div？

css

我想#container将居中#main_content。但是，事实并非如此。我只想找出原因以及如何使其居中。

#main_content {

  top: 160px;

  left: 160px;

  width: 800px;

  min-height: 500px;

  height: auto;

  background-color: #2185C5;

  position: relative;

}



#container {

  width: auto;

  height: auto;

  margin: 0 auto;

  padding: 10px;

  position: relative;

}


<div id="main_content">

  <div id="container">

  </div>

</div>

阅读 509

2020-05-16

共1个答案

小编典典

您需要设置容器的宽度。（auto不起作用）

#container {
    width: 640px; /*can be in percentage also.*/
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}

MDN的CSS参考说明了这一切。

2020-05-16