css - 为什么div的位置会根据内容变化？

Question

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

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

请注意:#content 下方有一个页脚 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;
}