开发Web应用程序时遇到麻烦

Question

我有一个包含以下代码的页脚：

<div style="background-color: #d5d7e9; position: fixed; height: 50px; padding: 10px; right: 0; bottom: 0; left: 0;">`

我在另一个jsp文件中将它包含在我的主页中，并在滚动时与内容重叠。例如，当我有一个表时，由于这个页脚，我没有看到它的最后一行。

Answer 1

例如，如果上面有一个元素（div），那么你可以为它指定一个样式......

<div style = 'padding-bottom: 10px'></div>
<div style="background-color: #d5d7e9; position: fixed; height: 50px; padding: 10px; right: 0; bottom: 0; left: 0; magin-bottom: 50"></div>

Answer 2

您的页脚具有固定位置，因此相对于浏览器窗口定位，与其上的任何元素重叠。 我会编辑它的位置：

position: static

您的页脚将保留在您之前的任何静态/相对内容之下，它将保留在上面的任何内容尺寸。

example

OR

position: absolute

您也可以使用'position：absolute'来实现此行为，但页脚容器必须具有'position：relative'，并且您对上述内容的灵活性较低。

example