面试 - 布局篇

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