1.footer位置的自动适配(主内容不足一屏时显示在最底部,超出一屏时跟随主内容显示)
html
<div class="page"></div>
<div class="footer"></div>
css
.page{min-height: 100vh;padding-bottom: 50px;}
.footer{height:50px;background: #ccc;margin-top: -50px;}
主要注意的是:主内容的min-height,footer的height和margin-top