如何使div內的元素不被靜態頁腳阻擋？

Question

在這種情況下，我創建了一個靜態頁腳和像按鈕（總是在底部）的div內的元素，我已經設法使div的高度更大，但發現使用效率不高裏面的div是增加和擴大。是否有一些建議，使其動態？謝謝。

示例輸出可能是這樣的：

Answer 1

當你說靜態的，你的意思是在窗口底部的固定位置？如果是這樣，那麼無論你的身高如何20px，請確定主區域的底部填充值，然後主區域中的任何內容都將被填充頁腳的高度相同，並可以看到。

Answer 2

這是您在JSFiddle上的working model。

在HTML，有2個div的， 「包裝」 和 「頁腳」，如：

<div id="wrapper"> 
    line 1 <br /> 
</div> 
<div id="footer"> 
    footer text 
</div> 

在CSS：

html, body { 
    height: 95%; 
} 

#wrapper { 
    min-height: 100%; 
    margin-bottom: -1.5em; 
    padding-bottom: 1em; 
} 

#footer { 
    position: absolute; !important 
    bottom: 0; 
}