Html 页脚显示位置

我刚刚开始在Windows桌面上使用文本编辑器进行一个非常简单的网站开发。我制作了两个html页面，一个作为“主页”，链接到“其他”页面，显示其他内容。两个页面都链接到一个css样式表

我无法计算的是，页面的长度相差很大，“主页”是1200px，“另一个”是7000px。因此，如果我将样式表中的内容高度设置为7000px，以便页脚显示在“其他”页面内容的末尾，“主页”上的页脚是5800px的滚动行程

我尝试了不同的页脚位置值，但没有结果。对我来说，解决这个问题的最佳方法是什么

我已经在Github上发布了这些文件

主页是索引2 另一页是7Seg LED电路 样式2样式表

---

菜单/导航文件是nagging menu.js。我认为您应该为两个页面使用不同的id来设置css中的自动高度，这将根据父元素设置两个页面的高度。

在1ndex_2中，您的body标记在页脚之前关闭，尽管这可能不会导致您的问题。只要看一眼，就好像你把所有东西都放在绝对位置上了，根据我的经验，当你有不同高度的页面时，这是令人沮丧的。绝对定位元素在页面流中不占任何高度。因此，如果您希望页脚始终位于内容后面，而不必设置其高度，那么您可以做几件事

简单选项：因为您知道页面的高度，所以只需使用内联样式设置内容div的高度。然后，如果footer div是content div之后的第一个元素，它将被放置在它的正下方

---

耗时选项：尝试使用页边距、浮动div甚至表格在没有绝对定位的情况下布局页面。如果页面上的内容不会更改，则无需执行此操作，但当您处理动态内容时，绝对定位通常不起作用。

Hi Junaid。我对这一切都很陌生。麻烦你详细说明一下好吗please@pedro147问题解决：只需转到style_2.css并将内容id高度更改为auto（从7000px），样式将如下所示#内容{高度：自动；页边距底部：25px；页边距：0自动；填充：30px 0；文本对齐：左；宽度：950px；}谢谢JStephen。看来在我能理解之前，我还有很多书要读，你给我的建议无疑是非常好的。谢谢。没问题，我经常处理动态内容，所以我几乎从来没有设置高度属性，因为默认情况下高度会自动调整以包裹其中的内容（只要其中的内容不是绝对位置）。表格也非常适合定位，因为垂直对齐表格中的东西是多么容易。再次感谢JSTEP，然后我将看一看tablesJunaid–我已经试过了。7Seg LED电路页面将页脚显示在正确的位置，但主页（index_2 html）页面将显示页脚，页脚位于页面的一半。在我能力有限的情况下，让它正常工作的唯一方法是为较长的7Seg LED电路页面（内容高度7000px）创建单独的样式表，或者为7Seg LED电路页面使用内部css样式表，并让样式2 css将主页内容高度设置为1200px