使得內部DIV從頂部

Question

進一步出現，我試圖讓內部的div進一步顯示在網頁，但它只是坐在什麼樣子的外層div #top_middle的默認保證金頂

<div id="top_center"> 
    <div id="main_container"></div> 
</div> 

#top_middle 
{ 
    padding: 0px; 
    margin: 0px auto; 
    width: 100%; 
    position: relative; 
    z-index: 99; 
    top: 0px 
} 
#main_container 
{ 
    width: 800px; 
    display: block; 
    background-color: #ddd093; 
    margin: 0px auto; 
    padding: 0px; 
    height: 300px; 
    top: 200px; 
    z-index: 1; 
} 

Answer 1

你必須給位置：絕對到這個div。由於頂部值與位置作品（絕對值，相對值）只有...

#main_container 
    { 
    width: 800px; 
    display: block; 
    background-color: #ddd093; 
    margin: 0px auto; 
    padding: 0px; 
    height: 300px; 
    top: 200px; 
    z-index: 1; 
    position:absolute 
    } 

Answer 2

添加的位置是：絕對在THID CSS

#main_container{ 
...; 
position:absolute; 
... 
}