将 header / footer 固定住。
<body>
<div class="header">header</div>
<div class="main">main</div>
<div class="footer">footer</div>
</body>CSS部分
.header{
position: fixed;
top:0;
width: 100%;
height: 30px;
background-color: red;
}
.footer{
position: fixed;
bottom: 0;
width: 100%;
height: 30px;
background-color: red;
}
.main{
margin-top: 35px;
min-height: 1000px;
background-color: yellow;
}历史上的今天
2015年： HTML5图片预览研究（0条评论）
2014年： 80%的人都是这样，遗憾终生！（0条评论）
2014年： 女人最美好的年龄应该干嘛？（0条评论）
2014年： 不拔插U盘重新启用U盘的方法（0条评论）
2014年： Linux系统建立FTP服务器的技巧（0条评论）
请博主喝杯咖啡呢，谢谢^_^
如果本文“对您或有帮助”，欢迎随意打赏，以资鼓励继续创作！
本文来源 CSDN，仅供参考阅读，若侵权请联系处理，本文观点不代表 Mr.xu 博客网 立场，转载请联系原作者。
微信扫一扫赞赏 
支付宝扫一扫赞赏 
经验/教程
