为什么div的位置会根据内容而改变？

Question

我有一个加载不同页面的内容div。我无法设置固定位置，因为我想滚动它的内容。

此div在100％高度表（#main）中加载。问题是，如果内容div的内容高度很小（因此不会出现滚动条），我的div会移动到下方，就像应用更多的上边距一样。我希望每个页面加载到相同的y位置。 我做错了什么？

注意：在#content下面有一个具有相对位置的页脚div，我也不想应用固定位置属性。似乎#footer被拖到页面上的时间也越多，因为它们位于同一个表行上。＃/ p>

#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;
}