爲什麼div的位置根據內容而改變？

Question

我有一個加載不同頁面的內容div。我無法設置固定位置，因爲我想滾動瀏覽內容。

該div在100％高度表（#main）內加載。問題是，如果content div的內容高度很小（所以滾動條沒有出現），我的div在下面移動，就像應用了更多的頂部邊距。我希望每個頁面都可以載入相同的y位置。 我在做什麼錯？

請注意：在＃內容下方有一個頁腳div，其相對位置上我也不想應用固定位置屬性。看起來#footer被拖到頁面越多#content也是如此，因爲它們在同一個表格行上。

#main{ 
    width:1010px; 
    height:100%; 
} 
#content{ 
    margin-top:303px; 
    padding: 35px; 
} 
#footer{ 
    z-index:2; 
    position:relative; 
} 

Answer 1

的問題是，你的td高度爲100％，並且未設置vertical-align到top。所以它默認爲middle。 ：

#main td { 
    vertical-align: top; 
}