有时候，一些看起来很简单的事情在CSS中就特别让人恼火。将页脚固定在页面的底部，但是当页面内容比较长的时候页脚就不固定在屏幕底部而是在内容底部，听起来很简单了，但是用CSS实现起来不是那么轻松了。 下面这个教程就来讨论一下如何实现这样的效果。 首先，这里是一个例子，可以看看。 HTML代码 这部分的代码，跟我们之前的100%高度布局的文章中一样。 额外添加的东西就是一个清除浮动的div和footer的div。