Html 粘脚怪

我已经为我的网站做了一个粘性的页脚，但它并不像我想要的那样。 我希望它完全在底部，始终取决于内容的长度。相反，它总是出现在屏幕上，因为它是。有人能帮我吗

页脚css：

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

---

}你的问题有点含糊，但如果我理解正确，我想你要找的是职位：相对的

position: relative;
bottom: 10px;

---

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

如果它不总是出现在屏幕上，它还会粘吗？试试这个教程：我希望它被页面的内容往下推。在较小的屏幕上，这样做会更好，这样他们就可以在不滚动的情况下看到更多的内容。我当然会有一个最小高度在我的内容，所以我可以在底部的最低。知道吗，就像我的内容通过页脚一样。不是故意的。听起来你根本不想要一个粘性的页脚，你想要一个普通的页脚。这个网站在iOS上无法正确呈现，页脚太右了25像素，页眉垂直方向太大了1像素，滚动时会跳转。但是为了帮助回答您的问题，页脚是在内容之外还是包含div的内容之外？应该放在哪个组件上？顺便说一句，答案是：）在你的#footer div上，但我认为这对你想要的东西没有帮助。我不能说我100%肯定你实际上想要实现什么，但我猜你试图将div固定在主要内容div的底部，而固定的位置让你有点不知所措。如果你调整了位置，它就不会随着内容的增长而增长，它会停留在页面的底部。是的，我现在看到了。它不能像这样正常工作。我想问题是我的内容是绝对位置吗？这方面有解决办法吗？我只想发布我的整个css文件。同样值得注意的是，要让页脚和内容对齐，你需要确保没有边距将它们分开。你不需要绝对定位你的内容，这可能是为什么它在iPad上被丢弃的原因。只需使用所需的宽度尺寸将整个页面包装在一个div中，然后添加边距：0 auto；它会为你把它放在中心。是的。抱歉，两次回复之间的时间间隔太长。我做这件事的时候正在做饭。

#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;
}