CSS，粘性页脚 [英] CSS, sticky footer

问题描述

我知道，我知道，我以前问过这个问题。不幸的是，我失去了我的工作。我开始过来，我回到我的旧帖子（ min-height： 100％不能在我的容器上工作？），并不记得实际是什么伎俩。

所以我会发布链接到我的实验在这里，我希望你们（或女孩）可以帮助我，问题是：我想页脚在最底部，内容和两个侧边栏连接到页脚的顶部。 （此外，滚动条必须消失，哈哈）

http://www.jbehrens.nl/test/index.html

如果任何人能够帮助我，非常感谢！ / p>

解决方案

设置页脚为

  position：fixed 
 bottom：0 
  

栏和内容窗格，您可能希望设置

$ b b

用于侧栏和内容窗格。

I know, I know, I asked this question before. Unfortunately, I lost my work. I started over and I came back to my old post (min-height:100% doesn't work on my container?) and couldn't remember what the trick actually was.

So I will post the link to my "experiment" here and I hope that you guys (or girls) can help me out, the problem is: I want the footer to be at the very bottom and the content and the two sidebars to connect to the top of the footer. (Also, the scrollbars have to disappear, haha)

http://www.jbehrens.nl/test/index.html

If anyone's able to help me, it's very much appreciated!

解决方案

Set the footer to have

position: fixed
bottom: 0

And then set a height for your side bars and content pane and you might want to set

overflow: scroll

for the side bars and the content pane.

这篇关于CSS，粘性页脚的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！