Describe, for the page,
内容少得不足以产生滚动条的时候，footer落在最底部面，
当内容变多，页面产生滚动条时，footer要处于内容的最后，即滚动到最底部才能看见
I know one way is to use negative margin-top and positive padding-bottom, but it doesn’t feel flexible enough..
Is there any good way to achieve this? 
This is my answer:
Pure css
Because I mainly use it on the mobile side, it should be compatible....
https://jsfiddle.net/BoomBang...
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
这种东西就在于思路：
效果图：
不考虑兼容老的IE：
flex 布局 + wrapper最小高度为视口/窗口高度。
要兼容老的IE：
上Javascript；
固定尺寸的CSS trick。
为内容区域设置
min-height属性，让其有一个最小高度，其值可以是固定的（如：1280px），亦可以通过 js 来动态设置（如：$('.content').css('min-height', window.innerHeight)），这样，内容较少时，内容区域会撑满整个窗口，而 footer 结构会出现在屏幕以外（下，滚动可见）；