Question

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

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

以下是一小部分示例代码：

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

Answer 1

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

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

在<head>标记中添加此内容。