我们应该在sidebar、containe结束的地方清除浮动，让FF知道如何处理footer层，而不是直接放到上面，在视觉上消失。我们在HTML中增加一个新层，位于sidebar、containe结束的地方：

Example Source Code []

<div id="header"></div>
<div id="main">
<div id="sidebar"></div>
<div id="containe"></div>
<div id="clearfloat"></div>
</div>
<div id="footer"></div>

　　我们定义clearfloat的样式为：

Example Source Code []

#clearfloat {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px;
}

　　设置的意义是：clear:both;是指不答应左右有浮动对象；高度为1px；溢出为隐藏；顶边距为-1px，即这一层实际上是不可见的，仅为清除浮动之用。

　　好了，现在基本上没有问题了，接下来就是在页面中设置菜单、添加内容并进行相应的样式定义。关于这些知识我们在以后的文章中再一一向大家介绍。