粘页脚怪怪的(Sticky footer acting weird)

我做了一个棘手的页脚我的网站，但它并不像我想我来。 我想这是完全在底部，始终视内容的长度。 相反，它总是出现在屏幕上，因为它是。 谁能帮我 ？

本网站

页脚的CSS：

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

}

Answer 1:

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

Answer 2:

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

position: relative;
bottom: 10px;

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

文章来源: Sticky footer acting weird