高度未知的CSS粘性页脚

摘要：

对于具有页眉，内容区域和页脚的网站：

1. 组

   html, body {height: 100%;}

2. 将您的身体（或包装div）设置为

   display: table; width: 100%; height: 100%;

3. 将页眉，页脚和内容区域设置为

   display: table-row;

   。给您的页眉和页脚

   height: 1px;

   ，并给您的内容区域

   height: auto;

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