具有嵌套内容区域的粘性页脚

Question

我有一个粘性页脚的实现。我实际上有“粘性”的东西在起作用。但现在我想添加一个内部“内容框”div，它将跨越整个屏幕。

请参阅this page。

白色区域与青色区域的高度相同需要什么？

Answer 1

在此设置中无法实现，

但您可以做的是在主体或父容器上应用带有background-repeat:repeat-y;的1px高度背景图像，以模拟.content-box div的白色背景（包括左右边框）。

添加

background:url(simulatewhitecontainer.png) repeat-y center top;

到div.main

并删除

border-right: 1px solid #B0B0B0;
border-left: 1px solid #B0B0B0;

来自div.content-box

更新：检查此小提琴：http://jsfiddle.net/gqSau/以获取示例

Answer 2

使用以下css作为内容

.content {
padding: 0px;
position: absolute;
bottom: 50px;
top: 70px;
right: 0px;
left: 0px;
}