具有嵌套內容區域的粘性頁腳

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