我刚刚开始在我的Windows桌面上使用文本编辑器进行一些非常简单的网站开发。我制作了两个html页面，一个作为“主页”页面链接到显示其他内容的“其他”页面。两个页面都链接到一个css样式表。
我无法解决的问题是页面长度大不相同，“主页”页面为1200px，“其他”页面为7000px。因此，如果我将样式表中的内容高度设置为7000px，以便页脚显示在“其他”页面内容的末尾，则“主页”页面上的页脚将是5800px的滚动历程。
我尝试了各种页脚的位置值无济于事。对我来说，解决这个问题的最佳途径可能是什么。
我已经在Github上发布了这些文件 https://gist.github.com/Pedro147/7b9427def1a44f4bd8ae
主页是index_2
另一页是7Seg LED电路
style_2样式表
菜单/导航文件是nagging-menu.js
答案 0 :(得分：0)
我认为您应该为两个页面使用不同的ID来在css中设置自动高度，这将根据父元素设置两个页面的高度。
答案 1 :(得分：0)
在1ndex_2中，您的正文标记在页脚之前关闭，但这可能不会导致您的问题。只是瞥了一眼就好像你已经把所有东西都放在了绝对的位置，这在我的经历中令人沮丧的是你有不同高度的页面。绝对定位的元素不占用页面流中的任何高度。因此，如果您希望您的页脚始终位于内容之后而不必设置其高度，那么您可以执行几项操作。
简易选项：，因为您知道页面的高度，只需使用内联样式设置内容div的高度。然后，如果页脚div是内容div之后的第一个元素，它将被放置在它的正下方。
耗时的选项：尝试使用边距，浮动div甚至表格来布局页面而不进行绝对定位。如果页面上的内容不会改变，则没有必要这样做，但无论何时处理动态内容，绝对定位通常都不起作用。