css anchor div到页面的页面

时间:2010-06-17 23:21:29

标签: html css layout

我可能很快就会把我的脑袋从墙上弹开,我无法相信这种愚蠢的东西已经彻底打败了我......所以我转向你,Stack Overflow ......寻求指导和启发。


问题:在任何一种包装器之外的页面底部,100%宽度处设置div。
提议的解决方案: http://ryanfait.com/sticky-footer/

内容实施:http://www.weleasewodewick.com/redesign/index_content.html 没有内容的实施:http://www.weleasewodewick.com/redesign/index.html

内容 - >好,工作得很好 没有内容=坏,页脚正好位于视口下方的页脚高度。


我真的很感激你对此的投入,这让我在过去一小时内感到非常烦恼。我完全期待某种形式的嘲笑:)


澄清:如果内容不足以填充页面,则应将页脚附加到视口底部。如果有足够的内容,它应该向下移动到视口的底部。

谢谢!
感迷惑

2 个答案:

答案 0 :(得分:5)

答案 1 :(得分:2)

很抱歉,如果我没有正确解释问题,但您是否在谈论将页脚放在页面底部?

试试这个:

#footer {
   width: 100%;
   height: 150px;  
   position: fixed; 
   bottom: 0px; 
   left: 0px; 
}

如果您希望页脚停留在一个位置,请将position属性更改为absolute