Question

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

这是我一直在努力做的事情。我体内有两个容器，一个用于页脚，一个用于其他所有容器，称之为主包装。我把封面和身体放在边界上，以便看到它们占据了什么。主包装器将占用页面A上的所有内容，但是在页面B上它只会围绕实际内容，它的底部边框是页面的一半，即使正文占据了整个屏幕。我已经将主要的warpper高度设置为100％所以为什么它不会占据整个身体???

Answer 1

这就是我如何处理这种情况。听起来你需要在主包装上设置一个最小高度，而不是将它的高度设置为灌装容器的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");
});

和高度和布局的麻烦

1 个答案: