css - 带有绝对定位页面的粘性页脚

Question

你们中的一些人可能是通过这个问题认识我的:Sticky Footer (not sticking!)

感谢 Andres Ilich 指出为什么我的页脚没有固定在页面底部 - 因为我的网站始终使用绝对定位。

因此，我尝试使用 float 等，以便我的元素保留在文档流中，以便页脚知道去哪里，但是我根本做不到 - 由于我要求的准确性，我根本做不到'放弃绝对定位!

所以 - 任何人都可以帮我找到一种方法让页脚贴在底部(我有没有提到我也有一些动态内容？)并保持我的定位，或者一种简单的方法来保持我的元素在文档流中，但具有绝对定位的精度。

这是我的网站:http://mc-airlines.hostei.com/

我会发布我的源代码，但它很长而且与问题基本无关，所以如果可能的话，您可以使用浏览器中的“查看源代码”功能。

提前致谢!

新手编码员不知道该怎么做。

Answer 1

这将使它工作:

#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。

更多here和 here .