javascript - 固定页脚和相对 DIV

Question

我现在很迷茫。编码真的不是我的事，所以我相信我主要搞砸了造成这个问题的地方:

我正在尝试制作一个粘性页脚。页脚确实会粘住——但前提是我将主要内容 DIV(白色居中框)设为相对。我需要该 DIV 的高度随内容一起拉伸(stretch)(其中将包含一个从我的 Wordpress 博客中提取的 PHP 脚本——所以自然地，我需要根据需要对其进行调整)。如果 DIV 延伸超过 500 像素，就会出现奇怪的双滚动条，我讨厌这样。我喜欢相对的 DIV，但我很想去掉所有额外的滚动空间，并确保它随内容拉伸(stretch)/倒退并且页脚保持原样。

我希望这不会太困惑。我只是希望有人查看我的源代码并查看我哪里出错了。感谢您的帮助。

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

并从 #main

中取出 overflow: auto;

这样做是告诉页脚保持“固定”在视口(viewport)的底部，因此它会始终粘在屏幕的底部..并关闭 overflow:auto; 将使您的 #main 具有根据其中的内容扩展其高度的自然能力。