Question

页脚元素需要捕捉到屏幕底部，但它不能使用固定位置，因为如果内容太长，它仍然会存在。

目前的CSS：

#footer {
background-color: black;
min-height: 40px;
padding-top: 70px;
width: 100%;
position: relative;
}

现在，如果您的屏幕很小，它会正确显示，但如果它太大，则页脚下方会有间隙

Answer 1

请参阅Matthew James Taylor撰写的How to keep footers at the bottom of the page ，了解如何执行此操作。

我做了很多次并取得了巨大的成功

Answer 2

你可以尝试的东西是将它包装在一个div中，并给该div一个页脚高度的填充底部，然后给该包装div一个相对位置，页脚底部的绝对位置：0px。虽然不能测试atm，但我不明白为什么那样不会起作用。

如果这不起作用，请尝试使用jquery将页脚的高度添加到包装器div的高度。

类似

$('#wrapper').height($(this).height() + $('#footer').height());

那将得到它并使用相同的位置元素：）