Question

HTML5的footer怎么在body的内容不满一屏幕时置于页面最底部？求大神指点，谢谢！

<footer>
<div class="container">
<p>地址：深圳深南大道2008号中国凤凰大厦1栋13层</p>
<p>copyright © 琴韵天下版权所有 ICP备案：粤ICP备09066181号-3</p>
</div>
</footer>

Answer 1

css实现，无论body内容是否已满，footer都应该会在下面
position:absolute;
bottom: 0px;
left:0px;

追问

这个只适应不满一个屏的情况，但如果他有4个屏的长度最后一屏不满，要求footer至底，，这句代码只会在第一屏就至底，求指教。谢谢

追答

你要清楚。footer所在的底部，不是body的底部，而是浏览器的底部！你要求的是在body的底部？

追问

是的

追答

 <header><!--头部--></header>
 
 <section><!--内容--></section>
 
 <footer><!--尾部--></footer>

section{
    width:99.5%;
    overflow-x:hidden;
    overflow-y:auto;
    height:100%;
}
header{
    width:100%;
    height:50px;
    font-family:"微软雅黑";
    box-shadow: 0px 0px 5px #888888;
    background:#fff;
    position:absolute;
    left:0px;
    top:0px;
    z-index:999;
}
footer{
     position:absolute; 
    bottom: 0px;
    left:0px;
    width: 100%;
    height: 50px;
    z-index:999;
    background:#fff;
    box-shadow: 0px 0px 5px #888888;
}