頁腳需要始終在底部，而網頁是擴大

這裏是我的aspx代碼和頁腳需要在底部總是同時頁面擴大頁腳需要始終在底部，而網頁是擴大

，，請稍候... >技術支持FFReporting」的CssClass = 「頁腳」字體斜體= 「假」字體-粗體= 「假」字體尺寸= 「X-小」前景色= 「＃000」>

這裏是css文件

.wrapper 
{ 
    min-height: 99%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -15px; /* ;the bottom margin is the negative value of the footer's height */ 
    padding: 0; 
} 
.footer, .push 
{ 
    height: 16px; /* .push must be the same height as .footer */ 
    clear: both; 
    text-align: center; 
    /*font: 10px Verdana, Arial;*/ 
    font: 10px Arial; 
    background: url("../Images/invida_06.jpg") repeat-x; 
    /*background-color: #497097;*/ 
    color: White !important; 
}

我需要底線始終處於底部，也當頁面有更少的信息，可是當頁面有更多DISPLA然後，它始終打印所有數據

我試過了這個網站上的所有內容，但是沒有找到解決方案。幫幫我!!!

來源

2013-04-15 jeegnesh

習慣了這種粘頁腳http://ryanfait.com/sticky-footer/ –

This technique總是工作，這就是所謂的粘頁腳

來源

2013-04-15 06:15:37

[小提琴] http://jsfiddle.net/uw8f9/176/我找到了真正的一個 – jeegnesh

現在使用這個代碼

這是〔實施例的CSS代碼

html, body {height: 100%;} 

#wrap {min-height: 100%;background:red;} 

#main {overflow:auto; 
padding-bottom: 180px;} /* must be same height as the footer */ 
#footer {position: relative;background:green; 
margin-top: -180px; /* negative value of footer height */ 
     height: 180px; 
     clear:both;}

HTML

<div id="wrap"> 

    <div id="main"> 

    </div> 

</div> 

<div id="footer"> 

</div>

Live Demo

來源

2013-04-15 06:20:31

[小提琴] HTTP：/ /jsfiddle.net/uw8f9/176/ – jeegnesh

@jeegnesh現在檢查到這個演示http://jsfiddle.net/rohitazad/uw8f9/183/ –

頁腳需要始終在底部，而網頁是擴大

回答

相關問題