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