推送頁腳在白色背景下div

我有一個叫白色背景色的div內容。我遇到了一個問題，即讓頁腳停留在頁面的底部，但它位於內容div的頂部。見圖片作爲參考。我希望它始終位於內容div的下面，但如果它縮小的話，也總是在頁面的底部。的我想要的一個很好的例子是http://www.jquery.com的頁腳風格推送頁腳在白色背景下div

這裏有一個演示http://www.andrewhnovak.com/test/index.html enter image description here

HTML

CSS

.footer { 
    z-index: 0; 
    bottom: 0px; 
    height: 40px; 
    width: 100%; 
    background-color:red; 
} 


.whiteBox{ 
    background-color:white; 
    width:800px; 
    height:800px; 
    margin-left:auto; 
    margin-right:auto; 
    position:relative; 
    top:80px; 
    -webkit-box-shadow: 10px 11px 5px -6px rgba(0,0,0,0.43); 
-moz-box-shadow: 10px 11px 5px -6px rgba(0,0,0,0.43); 
box-shadow: 10px 11px 5px -6px rgba(0,0,0,0.43); 
margin-bottom:100px; 
z-index: 10; 
    }

來源

2015-02-17 user6680

裏面的setnewcontentheight功能，做像這樣：

$("div.container:nth-child(5)").height(innerHeight - 40 - $("#footer").height());

（這是一個有點怪異與第n個孩子，你可能要創建一個ID或更容易選擇與白牀單的容器。）

來源

2015-02-17 23:51:58 TRGWII

在您的網站看了一遍，你有沒有一些在容器內帶有'position：absolute'的元素？這是行不通的... – TRGWII 2015-02-17 23:54:25

這是絕對的，但就是這樣* html #footer { position：absolute; top：expression（（0-（footer.offsetHeight）+（document.documentElement.clientHeight？document.documentElement.clientHeight：document.body.clientHeight）+（ignoreMe = document.documentElement.scrollTop？document.documentElement.scrollTop：document .body.scrollTop））+ '像素'）; } – user6680 2015-02-18 00:05:28

推送頁腳在白色背景下div

回答

相關問題