将 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 博客网 立场,转载请联系原作者。