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

• Z时代
• 2024-01-10
• 分类：问答

我想#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>

回答：

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

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

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

以上是 如何在另一个div中居中放置一个div？ 的全部内容， 来源链接： utcz.com/qa/412402.html