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

时间:2012-03-06 09:43:54

标签: html css

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

如何让我的黑色页脚扩展到窗口浏览器的底部?

以下是一个实例:http://jsbin.com/okobeh/2/edit#javascript,html,live

在这个例子中,你看到我的页脚,在这个页脚下方,我们看到了空格。

感谢。

4 个答案:

答案 0 :(得分:1)

您可能希望sticky footer技术检查此http://ryanfait.com/sticky-footer/

选中此http://jsbin.com/okobeh/4/edit#html,live

答案 1 :(得分:0)

position: fixedbottom:0pxhttp://jsbin.com/okobeh/3/edit#preview

答案 2 :(得分:0)

查看此示例的代码http://webmolot.com/recipe/css/element6/

如果“position:fixed and bottom:0px”,则添加margin-bottom:{height_of_footer} px;到内容块(#body)

答案 3 :(得分:0)

我相信您正在寻找:http://jsfiddle.net/pratik136/Sz8ex/

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