现在我使用容器的绝对定位,容器的页脚和内容与容器的最小高度为100%,但如果我改变页脚,我发现我必须改变容器底部的填充,以匹配其高度。
概要:
对于包含标题,内容区域和页脚的网站:
>设置html,body {height:100%;}>设置你的body(或一个wrapper div)来显示:table; width:100%;高度:100%;>设置要显示的页眉,页脚和内容区域:table-row ;.给你的页眉和页脚高度:1px;,给你的内容区域height:auto;
页眉和页脚都将展开以适合其内容。内容区域将扩展以适应其内容或可用空间中较大的内容。
https://jsfiddle.net/0cx30dqf/