我知道這聽起來太簡單了,但我不能把一個div
其他div
之下,我的代碼是爲什麼我無法將一個div放在其他div下面?
HTML:
<div id="gamediv"></div>
<div class="style"></div>
CSS:
.style {
width:728px;
height:90px;
margin-left:auto;
margin-right:auto;
}
我知道這聽起來太簡單了,但我不能把一個div
其他div
之下,我的代碼是爲什麼我無法將一個div放在其他div下面?
HTML:
<div id="gamediv"></div>
<div class="style"></div>
CSS:
.style {
width:728px;
height:90px;
margin-left:auto;
margin-right:auto;
}
在做一些醜陋的黑客在我css
&後,我的第一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>
現在這個解決方案正在工作,但我仍然不知道爲什麼以前的解決方案沒有奏效,任何關於這個解釋是讚賞泰德!
這是beacuses你的div將被顯示爲默認行。 它將佔用所有的空間來顯示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;
}
,那麼你可能要與浮動對齊或以margin爲中心:auto;嘗試將div想象爲盒子。如果它幫助您可以添加
border:1px solid black;
這將繪製框,你會看到你在做什麼
這是所有的代碼? –
你應該給我們更多的信息,我真的不能讓你的問題男人。 – Abude
你是否需要這樣的http://jsfiddle.net/oezpz74s/ –