你们中的一些人可能是通过这个问题认识我的:Sticky Footer (not sticking!)
感谢 Andres Ilich 指出为什么我的页脚没有固定在页面底部 - 因为我的网站始终使用绝对定位。
因此,我尝试使用 float 等,以便我的元素保留在文档流中,以便页脚知道去哪里,但是我根本做不到 - 由于我要求的准确性,我根本做不到'放弃绝对定位!
所以 - 任何人都可以帮我找到一种方法让页脚贴在底部(我有没有提到我也有一些动态内容?)并保持我的定位,或者一种简单的方法来保持我的元素在文档流中,但具有绝对定位的精度。
这是我的网站:http://mc-airlines.hostei.com/
我会发布我的源代码,但它很长而且与问题基本无关,所以如果可能的话,您可以使用浏览器中的“查看源代码”功能。
提前致谢!
新手编码员不知道该怎么做。
最佳答案
这将使它工作:
#container {
min-height: 100%; /* ERASE THIS*/
}
.clearfooter{
/*ADD THIS*/
position: fixed;
bottom: 0;
z-index: 9999;
/*ERASE THIS*/
clear:both;
}
我强烈建议您重写 CSS。一切都是绝对位置,这很困惑。
顺便说一句,这不是礼节:
position: float;
float: bottom;
position
采用 > absolute
/fixed
/static
/relative
。
float
采用 > left
/right
/none
。
关于css - 带有绝对定位页面的粘性页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9620351/