Question

有些人可能从这个问题中了解我：Sticky Footer (not sticking!)

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

所以，我尝试使用浮动等，以便我的元素保留在文档流中，以便页脚知道去哪里，但是我根本无法做到 - 由于我需要的准确性，我根本无法放弃绝对定位！

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

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

我会发布我的源代码，但它很长并且与问题基本无关，所以如果可能的话，你可以在浏览器中使用View Source功能。

提前致谢！

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

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需要＆gt; absolute / fixed / static / relative。

float需要＆gt; left / right / none。

更多here和here。

Answer 2

这是粘性页脚的两个非常好的选择。第二个链接通常是我的首选：

如果您需要有关实施方面的帮助，请与我们联系。我希望这会有所帮助。

粘性页脚，绝对定位页面

2 个答案: