我有一个网站,我使用黑色背景的页脚。在长页面上,我的页脚在页面底部正确调整。当我没有任何滚动条时,问题出现在小页面上。在这种情况下,我的页脚不在我的窗口浏览器的底部和页脚(黑色背景)之后我们仍然在页脚后看到白色背景。
如何让我的黑色页脚扩展到窗口浏览器的底部?
以下是一个实例:http://jsbin.com/okobeh/2/edit#javascript,html,live
在这个例子中,你看到我的页脚,在这个页脚下方,我们看到了空格。
感谢。
答案 0 :(得分:1)
您可能希望sticky footer
技术检查此http://ryanfait.com/sticky-footer/。
答案 1 :(得分:0)
position: fixed
和bottom:0px
:http://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。