我可能很快就会把我的脑袋从墙上弹开,我无法相信这种愚蠢的东西已经彻底打败了我......所以我转向你,Stack Overflow ......寻求指导和启发。
问题:在任何一种包装器之外的页面底部,100%宽度处设置div。
提议的解决方案: http://ryanfait.com/sticky-footer/
内容实施:http://www.weleasewodewick.com/redesign/index_content.html 没有内容的实施:http://www.weleasewodewick.com/redesign/index.html
内容 - >好,工作得很好 没有内容=坏,页脚正好位于视口下方的页脚高度。
我真的很感激你对此的投入,这让我在过去一小时内感到非常烦恼。我完全期待某种形式的嘲笑:)
澄清:如果内容不足以填充页面,则应将页脚附加到视口底部。如果有足够的内容,它应该向下移动到视口的底部。
谢谢!
感迷惑
答案 0 :(得分:5)
答案 1 :(得分:2)
很抱歉,如果我没有正确解释问题,但您是否在谈论将页脚放在页面底部?
试试这个:
#footer {
width: 100%;
height: 150px;
position: fixed;
bottom: 0px;
left: 0px;
}
如果您希望页脚停留在一个位置,请将position
属性更改为absolute
。