儘管內容大小，如何使頁腳粘到底部？

Question

我有這樣的CSS代碼：

#main-wrapper {min-height: 300px;}

#main {}

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

我想：明確：兩者;底部：0;位置是：固定;寬度：100％;對於頁腳..

，但它只能在短期內容顯示。當一個頁面的內容太長，那麼我必須滾動頁面下跌超過頁腳..

請幫助

Answer 1

see the example code here

HTML

<div id="main-wrapper"> 
    <div id="content"> content of any length</div> 
    <div id="footer">Footer</div> 
</div> 

CSS

* { 
    padding: 0; 
    margin: 0; 
} 
#content { 
    margin-bottom: 30px;/*same as footer height*/ 
} 
#footer{ 
    position: fixed; 
    bottom:0; 
    height: 30px; 
    background: #eee; 
    width: 100%; 
    text-align: center; 
}