页脚需要始终在底部，而网页是扩大

这里是我的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/ –

页脚需要始终在底部，而网页是扩大

回答

相关问题