Sticky Footer，完美的绝对底部

[liqinuo]

https://aotu.io/notes/2017/04/13/Sticky-footer/index.html

所谓 "Sticky Footer"，并不是什么新的前端概念和技术，它指的就是一种网页效果：如果页面内容不足够长时，页脚固定在浏览器窗口的底部；如果内容足够长时，页脚固定在页面的最底部。

[joinmouse]

涨姿势了

[savoygu]

最后一个有点问题：

html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.content {
    flex: 1;
}

[cuiliangl]

最后一个应该是 .wrapper { height: 100%; display: flex; flex-direction: column; }

[linwhitehat]

博主好，有个前端问题想请教一下，打开chrome对页面进行调试的时候，页面会变小，导致显示的内容挤压在一起，这个问题是什么原因导致的呢？应该怎么解决？

[qreal829475]

@linwhitehat 博主好，有个前端问题想请教一下，打开chrome对页面进行调试的时候，页面会变小，导致显示的内容挤压在一起，这个问题是什么原因导致的呢？应该怎么解决？

换个大的显示器，或者临时写一个容器的宽度