Css 为什么是div'；s的位置根据内容而变化？

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

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

注意：在#content下面有一个带有相对位置的footer div，我也不想在其上应用fixed position属性。似乎页脚拖到页面上的次数越多，页面内容也就越多，因为它们位于同一个表行上

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

---

问题是您的

td

高度为100%，并且您没有将

垂直对齐设置为
top
。因此它默认为
middle
：

#main td {
    vertical-align: top;
}

尝试在div上使用最小高度。我很好奇为什么要在表行中使用div作为布局，请提供html标记的示例。表充当容器，用于隐藏布局并在侧面添加边框（因为我无法成功地使用div）。这里是站点：，单击第一篇文章进入，并注意到div正在向下移动。我有一个js代码，如果内容高度不可滚动，它会将页脚放在底部。@zefs，我真的建议您为您的布局多找一点css专用的解决方案。这张桌子会让你头疼的。它向下移动的原因是因为表格单元格试图垂直对齐中心。所有页面使用相同的布局，如果我现在删除表格，我将需要进行大量编辑。没有其他解决方案吗？没错，非常感谢！因为这个，我对改变布局感到非常沮丧。干杯