Question

我知道这听起来太简单，但我无法将div放在另一个div下方，我的代码是

html：

<div id="gamediv"></div>
<div class="style"></div>

css：

.style {
    width:728px;
    height:90px;
    margin-left:auto;
    margin-right:auto;
}

Answer 1

在我的css＆amp;在我的第一个div style我可以将我想要的div放在第一个div下面，这是我的css代码：

.style{
    width:728px;
    height:90px;
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    bottom:0px;
    left:323px;
}

第一个div style属性：<div id="gamediv" style="position:relative;"></div>

现在这个解决方案正在运行，但我仍然无法弄清楚为什么之前的解决方案没有奏效，对此有任何解释都表示赞赏!!

Answer 2

这是beacuses你的div将被显示为befault in line。它需要占用所有空间来分配div。你可以做的是创建另一个div来包含你创建的2并指定一个特定的宽度：

<div id="container">
    <div id="gamediv"></div>
    <div class="style"></div>
</div>

然后添加你的风格，如

#container{
width: 800px;
height: 200px;
}
.gamediv{
width:750px;
height:40px;
}
.style {
width:728px;
height:90px;
margin-left:auto;
margin-right:auto;
}

那么你可能想要与float或center对齐margin：auto;试着想象div作为盒子。如果它有帮助你可以添加

border:1px solid black;

这将绘制框，你会看到你在做什么

Answer 3

添加display：block;也在样式表中（对于两个div）

为什么我无法在另一个div下面放置一个div？

3 个答案: