Html 如何在窗口浏览器底部展开页脚

Html 如何在窗口浏览器底部展开页脚,html,css,Html,Css,我有一个网站,我使用黑色背景的页脚。在长页面上,页脚在页面底部正确调整。当我没有任何滚动条时,问题会出现在小页面上。在这种情况下,我的页脚不在我的窗口浏览器的底部,在页脚之后(黑色背景),我们仍然可以看到页脚后面的白色背景 如何继续将黑色页脚展开到窗口浏览器的底部 下面是一个活生生的例子: 在本例中,您可以看到我的页脚,在页脚下面我们可以看到空白 谢谢。位置:固定和底部:0px:位置:固定和底部:0px:可能是您想要的粘脚技术检查此项 检查此项可能是您想要的粘性页脚技术检查此项 在本例代码中选中

我有一个网站,我使用黑色背景的页脚。在长页面上,页脚在页面底部正确调整。当我没有任何滚动条时,问题会出现在小页面上。在这种情况下,我的页脚不在我的窗口浏览器的底部,在页脚之后(黑色背景),我们仍然可以看到页脚后面的白色背景

如何继续将黑色页脚展开到窗口浏览器的底部

下面是一个活生生的例子:

在本例中,您可以看到我的页脚,在页脚下面我们可以看到空白


谢谢。

位置:固定
底部:0px

位置:固定
底部:0px

可能是您想要的
粘脚
技术检查此项


检查此项

可能是您想要的
粘性页脚
技术检查此项


在本例代码中选中此查找


如果“位置:固定且底部:0px”,则添加边距底部:{页脚高度}px;到本例代码中的内容块(#body)

查找


如果“位置:固定且底部:0px”,则添加边距底部:{页脚高度}px;到内容块(#body)

我相信您正在寻找:


除了对CSS的更改之外,我还添加了一些HTML更改。包含页眉、正文和页脚的外部div。

我相信您正在寻找:


除了对CSS的更改之外,我还添加了一些HTML更改。包含页眉、正文和页脚的外部div。

感谢您的回复。也许我不清楚。您的解决方案修复了页脚。因此,当垂直滚动条可见时,页脚仍然固定在页脚上。我希望页脚位于我的页面底部(内容)。当页面内容没有完全填充页面时,我不希望页脚位于页面的中间。希望这是一个更清晰的…是的,为了记录在案,这个解决方案在这里这样做:“保持页脚在窗口的底部,而不管其他内容”。感谢您的回复。也许我不清楚。您的解决方案修复了页脚。因此,当垂直滚动条可见时,页脚仍然固定在页脚上。我希望页脚位于我的页面底部(内容)。当页面内容没有完全填充页面时,我不希望页脚位于页面的中间。希望这是一个更清晰的…是的,为了记录在案,这个解决方案在这里这样做:“保持页脚在窗口的底部,而不管其他内容”。谢谢。这似乎是一个有趣的解决方案。但是,如果我的页面中也有一个标题,比如这个jsBin:谢谢。这似乎是一个有趣的解决方案。但是,如果我的页面中也有一个标题,比如这个jsBin: