Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么我不能将一个div置于另一个div之下?_Html_Css - Fatal编程技术网

Html 为什么我不能将一个div置于另一个div之下?

Html 为什么我不能将一个div置于另一个div之下?,html,css,Html,Css,我知道这听起来太简单了,但我无法将一个div放在另一个div下面,我的代码是 html: <div id="gamediv"></div> <div class="style"></div> 添加显示:块;同样在样式表中(对于两个div)在我的css中做了一些丑陋的修改之后&在我的第一个div样式中我能够将我想要的div放在第一个div下面,这是我的css代码: .style{ width:728px; height:90px;

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

html:

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

添加显示:块;同样在样式表中(对于两个div)

在我的
css
中做了一些丑陋的修改之后&在我的第一个
div样式中
我能够将我想要的
div
放在第一个
div
下面,这是我的
css
代码:

.style{
    width:728px;
    height:90px;
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    bottom:0px;
    left:323px;
}
第一个
div样式
属性:


目前,这个解决方案是可行的,但我仍然不明白为什么以前的解决方案不起作用,任何关于这方面的解释都是非常感谢的

这是因为您的div将显示在故障行中。 它将占用所有空间来显示div。 您可以创建另一个div来包含您创建的2,并指定一个特定的宽度:

<div id="container">
    <div id="gamediv"></div>
    <div class="style"></div>
</div>
然后,您可能希望使用浮动对齐或使用边距对齐中心:auto;试着把div想象成盒子。如果有帮助,您可以添加

border:1px solid black;

这将画出方框,你将看到你在做什么

这是你所有的代码?你应该给我们更多信息,我真的无法理解你的问题。你需要这样吗。样式在下面对齐,仅适用于gamediv。你的问题到底是什么。如果这是他所有的代码,那么它看起来不需要工作,因为
div
是默认的块级元素,div是本地
display:block
#container{
width: 800px;
height: 200px;
}
.gamediv{
width:750px;
height:40px;
}
.style {
width:728px;
height:90px;
margin-left:auto;
margin-right:auto;
} 
border:1px solid black;