jquery - 静态页脚，带有附加和缩放重叠

Question

客户要求我创建一个内容区域与页脚重叠的网站。然而，他们还希望将页脚附加到视口(viewport)的底部，我已经做到了，但似乎我找不到垂直拉伸(stretch)内容以在调整浏览器大小时保持重叠的好方法。

我创建了一个图表来帮助解释，http://www.squaresphere.co.uk/images/footer-diagram.png

所以理想情况下，如果 content_length > viewport.height，我需要一种计算内容高度和拉伸(stretch)内容 div 的方法，但如果 content_length < viewport.height，则保持最小高度

使用 html+css 的解决方案会很棒，但我开始认为我将不得不做一些时髦的 jQuery onviewportresize 或其他事情

任何建议都会很棒，谢谢!

Answer 1

我会作弊并让页脚包含重叠部分。然后将主要内容延伸到底部即可。 (在这种情况下，左边和右边的线。)

您的代码不需要拉伸(stretch)——视觉显示在浏览器调整大小时有拉伸(stretch)的错觉——这就是所需要的。