0

我有两个页面，页面 A 有很多内容，需要向下滚动，页面 B 内容很少，只占浏览器窗口的一半。我试图在两个页面的最底部放置一个页脚，无论其内容的大小如何。

这是我一直在尝试做的。我在体内有两个容器，一个用于页脚，一个用于其他所有内容，称之为 main-wrapper。我已经在包装纸和主体周围设置了边框，以查看它们占据的位置。Main wrapper 将占据页面 A 上的所有内容，但在页面 B 上它只会围绕实际内容，它的底部边框位于页面的一半，即使 body 占据了整个屏幕。我已将主整经机高度设置为 100%，那为什么不占用全身？

4

1 回答 1

0

这就是我处理这种情况的方式。听起来您需要在主包装器上设置最小高度，而不仅仅是将其高度设置为填充容器的 100%。由于屏幕尺寸因用户而异，您需要使用一点 javascript/jquery 来尝试计算页面高度。尝试这样的事情

$(document).ready(function() {
   var pageHeight = $("body").height();
   pageHeight -= 200; // Whatever the height of your footer is. Make sure to subtract that out
   $("#main-wrapper").css("min-height", pageHeight + "px");
});
于 2013-04-05T17:37:11.590 回答