html - 带有嵌套内容区域的粘性页脚

Question

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

请参考此页。

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

Answer 1

在这个设置中是不可能的，

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

添加

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