一种CSS实际的战斗，它保存页面底部的页脚。
本文主要介绍CSS来修复页面底部的页脚，并注意CSS的清理和浮动问题，您需要的朋友可以参考一下。页脚位置问题
页面的页脚（footer），通常是用来帮助链接和版权信息的地方。页脚是自然应该位于页面底部，但按照惯例，如果位于页脚在Web内容较少，或更大的显示器垂直分辨率使用时，可能会有一个页脚看起来不在页面的底部，如下图所示。
因为页脚基本上是网站所有页面的公共部分，不同页面的容量也不同，所以这些问题可能对某些页面不够，此外，尤其是页脚底部，这个问题会影响美观。
因此，我们希望页脚准确地位于底部，而不管网页的容量如何。
修复页脚底部的方法
绝对定位是否可行
也许有人认为：设置页脚位置固定，然后将其定位在底部。不要认为不支持属性值的IE6。事实上，如果网页本身的内容足够，这样的文字会使页脚在开始时位于浏览器底部，而页面滚动时页脚会保持原来的位置，这种效果显然不适合大多数网站。
我们可以想象我们所需要的效果是：
当页面内容较多时，当您滚动到结尾时，您可以在底部看到底部页脚。
当网页内容较少时，页脚仍然位于整个页面的底部，其余部分是白色的。
一种常规和简单的实现方法
CSS粘性页脚提供了这个底部固定页脚的合理实现，但一方面，这是一个英文站点。另一方面，它提供的方式仍有一些改进。因此，本文将参考它的内容，并给出一个合理的实现途径。
首先，我们需要这样的HTML结构：
xml代码将内容复制到剪贴板。
div.wrapper是所有内容的外容器除了在网页的页脚，页脚div.footer和它是在同一水平，div.footer_placeholder必须放在所有网页的内容结束，这是最后的div.wrapper子元素，其作用将在以后的解释。
然后写CSS并依次解释。
CSS代码将内容复制到剪贴板。
HTML，体{高度：100%；}
当网页内容不足时，正文和HTML的实际高度可能小于浏览器的可见范围，因此正文和HTML的高度为100%。此外，下一个直接子元素也将使用百分比书写。当直接父元素具有高度定义时，百分比书写必须是有效的。
CSS代码将内容复制到剪贴板。
包装{。
最小高度：100%；
_height：100%；
利润率底：- 120px； / *页脚假定高度120px * /
}
所有的网页内容在这div.wrapper，最小高度的定义（IE6 Hack），此元素的父元素100%体高的定义，所以不管有多少内容，浏览器的高度div.wrapper元素将占据整个可见光范围。然后，根据页脚高、低负价值是平等的，所以，页脚恰好出现在页面内容的结束。
CSS代码将内容复制到剪贴板。
。页脚。footer_placeholder {身高：120px；} / *假设页脚高度120px * /
div.footer_placeholder，如字面意思，页脚占位符元素，只是一个空的div，它定义了相同的高度和页脚。它的存在是为了离开位置页脚。如果它没有，它可能发生在DARR身上。
在这里，页脚固定在底部已经realized.css部分加起来：
CSS代码将内容复制到剪贴板。
HTML，体{高度：100%；}
包装{。
最小高度：100%；
_height：100%；
利润率底：- 120px； / *页脚假定高度120px * /
}
。页脚。footer_placeholder {身高：120px；}
如果您还需要考虑CSS初始化和清理浮动，您可能还需要添加CSS的以下部分：
身体{边缘：0；}
。footer_placeholder {明确：两；}