刚刚找到另一个解决方案,如上例所示,我有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来查看页脚