粘性页脚表现得很奇怪

时间:2012-08-07 13:55:09

标签: html css position sticky-footer

我为我的网站制作了一个粘性页脚,但它并不像我想要的那样行事。 我希望它完全在底部,总是取决于内容的长度。相反,它总是出现在屏幕上,就像它一样。任何人都可以帮助我吗?

This site

footer css:

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

}

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

你的问题有点模糊,但如果我理解正确,我认为你要找的是位置:亲戚。

position: relative;
bottom: 10px;

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