html纵向滚动条始终在最下,即使有滚动条，也让div始终保持在页面内容的底部...

刚刚找到另一个解决方案，如上例所示，我有bug(某处错误)。所选答案的变化。html,body {

height: 100%}#nonFooter {

min-height: 100%;

position:relative;

/* Firefox */

min-height: -moz-calc(100% - 30px);

/* WebKit */

min-height: -webkit-calc(100% - 30px);

/* Opera */

min-height: -o-calc(100% - 30px);

/* Standard */

min-height: calc(100% - 30px);}#footer {

height:30px;

margin: 0;

clear: both;

width:100%;

position: relative;}

对于HTML布局

header,middle,left,right,etc

那么这种方式不支持旧浏览器，但旧浏览器可以接受滚动下载30px来查看页脚