有没有办法使用 CSS 将页脚粘贴到浏览器屏幕的底部或内容后面（取决于哪个更长）without提前知道页脚的大小？
现在，我在保存页脚和内容的容器中使用绝对定位，容器的最小高度为 100%，但是如果我更改页脚，我发现我必须更改容器底部的填充以匹配其高度。
http://pixelsvsbytes.com/blog/2011/09/sticky-css-footers-the-flexible-way/ http://pixelsvsbytes.com/blog/2011/09/sticky-css-footers-the-flexible-way/
Summary:
对于具有页眉、内容区域和页脚的网站：
-
Set html, body {height: 100%;}
-
将你的 body （或包装 div）设置为display: table; width: 100%; height: 100%;
-
将页眉、页脚和内容区域设置为display: table-row;。给出您的页眉和页脚height: 1px;，并给出您的内容区域height: auto;
页眉和页脚都会扩展以适合其内容。内容区域将扩展以适应较大的内容或可用空间。
https://jsfiddle.net/0cx30dqf/ https://jsfiddle.net/0cx30dqf/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
