固定页脚和相对DIV

Question

我现在很困惑。编码真的不是我的事，所以我相信我在某个地方搞砸了造成这个问题：

我正试图制作一个粘性页脚。页脚确实粘住 - 但只有当我将主要内容DIV（白色中心框）相对时。我需要DIV的高度来扩展内容（它将包含一个PHP脚本，它将从我的Wordpress博客中提取 - 所以很自然地，我需要它根据需要进行调整）。如果DIV的延伸时间超过500px，那么就会出现一个奇怪的双滚动条，＆amp;我讨厌那个。我喜欢相对的DIV，但我希望摆脱所有额外的卷轴空间，并确保它与内容和放大器一起掠过/退步。页脚停留在原位。

我希望这不会太混乱。我只是想有人查看我的源代码和看看我哪里出错了。谢谢你的帮助。

http://www.missa.me/practice3.php

Answer 1

不错的网站：）

你需要固定页脚，

使用此CSS

#footer {
position: fixed;
height: 80px;
clear: both;
background-color: #fff;
bottom: 0;
left: 0;
right: 0;
}

并从overflow: auto;

中取走#main

这样做是告诉页脚保持“固定”在视口底部，因此它将始终贴在屏幕的底部..并且关闭overflow:auto;会给你的#main根据其中的内容，自然能够扩展它的高度。