html - 如何将两个 div 水平居中，使它们彼此堆叠？

Question

抱歉，这似乎是一个新手问题，但我无法让我的 div 与我的生活保持一致。

我在父级中有两个 div。我如何水平居中（相对于页面）两个 div，而不是并排，我希望它们堆叠 - 一个在另一个之上。

这是一小段示例代码：

<div id="container">
    <div id="above">I belong above!</div>
    <div id="below">I belong below!</div>
</div>

score 0 · Accepted Answer

你需要添加一些CSS。例如：

<style>
#container {
    width: 600px;
}
#above, #below {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}
</style>

<head>在标签中添加这个。

1 回答 1