根据内容调整HTML页面的长度

Question

我正在设计一个网站并且对它很新。所以我的问题可能很天真。有两页index.html和aboutUs.html。

就此而言，我已经删除了与我的问题有关的大部分无效内容。我的问题与如何根据内容动态更改或处理页面长度有关。在我的情况下，index.html没有太多文字，因此用户界面看起来不错，但aboutUS.html内容太多，内容与页脚重叠。 如何处理此类情况？作为参考，我在下面添加了一些图像，第一张图片没有重叠，但第二张图片没有重叠。您可以在GitHub（https://github.com/vnmshenoy/global）

找到源代码

图片

Answer 1

你有问题的课程似乎是imageDiv和重叠。 这两个都定义了高度。

当元素内的内容大于此高度时，它是可见的，但实际上溢出该位置，因此出现在下一个元素的顶部。如果你在这些元素上设置边框，你会看到我的意思。

你可以随时使用overflow：scroll样式，当出现这种情况时会出现滚动条，但你最好让你的设计在高度方面更加流畅，特别是如果你打算让它响应。