footer 的实现方法

当内容不超过一屏时，footer在屏幕底部，内容超过一屏时，和主体内容有固定距离。也就是内容少的时候吸底，内容多的时候文档流排版。我尝试了几种实现方法。 1.flex 思路：给body设置flex，然后flex的方向设置column，主体内容flex:1于是会自适应高度。 <div class="content">...</div> <div class="footer">footer</div>

>>阅读原文<<