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

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

更新:检查这个 fiddle :http://jsfiddle.net/gqSau/举个例子