CSS未知高度的粘滞页脚

有什么办法可以将页脚粘贴到浏览器屏幕的底部或内容后面(取决于哪个更长)使用CSS而不知道页脚的大小提前？

现在我使用容器的绝对定位，容器的页脚和内容与容器的最小高度为100％，但如果我改变页脚，我发现我必须改变容器底部的填充，以匹配其高度。

解决方法

http://pixelsvsbytes.com/blog/2011/09/sticky-css-footers-the-flexible-way/

概要：

对于包含标题，内容区域和页脚的网站：

>设置html，body {height：100％;}
>设置你的body(或一个wrapper div)来显示：table; width：100％;高度：100％;
>设置要显示的页眉，页脚和内容区域：table-row ;.给你的页眉和页脚高度：1px;，给你的内容区域height：auto;

页眉和页脚都将展开以适合其内容。内容区域将扩展以适应其内容或可用空间中较大的内容。

https://jsfiddle.net/0cx30dqf/

原文地址：https://www.jb51.cc/css/220457.html