固定頁腳和與自舉

Question

內容填充我想提出頁腳在瀏覽器窗口的底部填充容器中的空白部分，在必要的時候（這是我的結構：

<header> 
    <div class='container'> 
     .... 
    </div> 
</header> 
<div id='wrap'> 
    <div class='container'> 
     <div class='white-background'> 
      <div class='col-xs-12 col-sm-5 leftcontent'>[%leftcontent%]</div> 
      <div class='col-xs-12 col-sm-7 maincontent'>[%maincontent%]</div> 
     </div> 
    </div> 
</div> 
<footer> 
    <div class='container'> 
     <div style='text-align: center; padding-bottom: 20px;'><h3>[%copyright%]</h3></div> 
    </div> 
</footer> 

這是的CSS：

#wrap { 
    min-height: 100%; 
    background-image:url('bk.gif'); 
    background-color: #2c3e50; 
} 

.white-background{ 
    width:100%; 
    height:100%; 
    display:block; 
    overflow:auto; 
    background-color: #fff!important; 
} 

footer{ 
    background-color: #f2f2f2; 
    text-align:center; 
    position: relative; 
    margin-top: -50px; 
    height: 50px; 
    clear:both; 
    padding-top:20px; 
} 

我已經做了一些嘗試，並採取了看看其他答案，但沒有成功......

Answer 1

嘗試添加第一stycky頁腳解決方案

http://ryanfait.com/html5-sticky-footer/