粘性页脚代理怪异

我为我的网站做了一个粘性页脚，但它并不像我想要的那样。我希望它完全处于底部，总是取决于内容的长度。相反，它总是出现在屏幕上，就像它一样。谁能帮我？粘性页脚代理怪异

页脚CSS：

#footer{ 
position: fixed; 
bottom: 0; 
z-index: 1; 
width: 100%; 
height: 50px; 
clear: both; 
background-image: url("../images/footer_pattern.png");

}

来源

2012-08-07 Thomas Teilmann

如果它不总是出现在屏幕上，它仍会粘吗？ – rsplak 2012-08-07 13:56:01

试试这个教程：http://ryanfait.com/sticky-footer/ – Jrod 2012-08-07 13:57:09

我希望它被按下的页面内容。在较小的屏幕上，它会更好，这样他们就可以在不滚动的情况下看到更多内容。我当然会对我的内容有一个最小的高度，所以我可以最低限度地在底部。知道，它就像我的内容通过页脚。不打算。 – 2012-08-07 13:58:01

#footer{ 
width: 100%; 
height: 50px; 
clear: both; 
background-image: url("../images/footer_pattern.png"); 
display: block; 
margin-top: 0px; 
//if contains children add overflow:hidden; 
}

来源

2012-08-07 14:38:17 Tom

我不能说我是100％确定你实际上想要达到的目标，但我猜你正试图修正div到主要内容div的底部，并且固定的位置已经抛出你出来一点。如果你修复了这个问题，它将不会随着内容的增长而增长，它会停留在页面的底部。 – Tom 2012-08-07 14:40:54

是的，我现在看到了。它不能像这样正常工作。我认为问题在于我的内容是绝对的位置？有没有解决这个问题的方法？即时通讯只是要发布我的整个CSS文件。 – 2012-08-07 14:42:26

另外值得注意的是，对于页脚和内容的排列，您需要确保没有边距将它们分开。 – Tom 2012-08-07 14:43:20

你的问题有点含糊，但如果我理解正确的话，我认为你在找什么是位置：相对的。

position: relative; 
bottom: 10px;

这样做的是它在元素和下一个相对父元素之间添加了指定的空间量（10px）。祝你好运！

来源

2012-08-07 14:29:13 OneChillDude

应该放哪个组件？和THX为答案btw :) – 2012-08-07 14:31:15

在你的#footer div，但我不认为这将有助于你想要的东西。 – Tom 2012-08-07 14:33:34

粘性页脚代理怪异

回答

相关问题