实现底部footer在内容较少时固定在页面底部

    为了实现footer固定在底部，我们可以使用 position：fixed 和 position：absolute  两种方法，但这两种方法都有让人不满意的地方，第一种 fixed 方法会在页面上下滚动时一直固定在页面上，有些用户会产生厌烦情绪；第二种在页面内容能够撑满页面高度的时候很适用，但一旦页面内容较少，footer 就会往上蹿 ，并不会像期待中一样老老实实待在底部。所以在这里分享下自己已经实现了的，能够同时满足两种要求的固定底部footer的方法：

    将内容wrapper的margin - bottom值设置为负的footer的height值，如footer的height值为40px，则wrapper的margin - bottom值为-40px。注意：wrapper与footer需为同级兄弟元素。

   


   


   


   好了，这样就可以实现完全实现footer底部的固定了。

   更多方法可以参考：详解CSS五种方式实现Footer置底