2015-05-08 55 views
0

我知道這聽起來太簡單了,但我不能把一個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; 
} 
+1

這是所有的代碼? –

+0

你應該給我們更多的信息,我真的不能讓你的問題男人。 – Abude

+0

你是否需要這樣的http://jsfiddle.net/oezpz74s/ –

回答

-1

添加顯示:塊;也是在樣式表(兩格)

+4

不需要,如果這是他所有的代碼'div'默認爲塊級元素 –

+0

div本身是'display:block;' – Aaron

0

在做一些醜陋的黑客在我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>

現在這個解決方案正在工作,但我仍然不知道爲什麼以前的解決方案沒有奏效,任何關於這個解釋是讚賞泰德!

0

這是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; 

這將繪製框,你會看到你在做什麼