Css 在三个浮动div下格式化div

我有一个网站的一个部分，有三个分区彼此相邻。然后在这些下面，还有另一个div。然而，三个浮动div下面的div显示在页面顶部。我怎样才能让潜水艇驻扎在三个漂浮潜水艇的下方

有问题的div称为footer

html:

---

有什么想法吗？有人可以发布css，id需要更改才能正常工作吗？我不想只使用400像素的边缘顶部。。。我希望它实际上是在它下面格式化的（试图像那样修复它）。有什么建议吗？

设置页脚div的样式，如下所示：

clear: both;

并将定位更改为

位置：相对如果将其定位为绝对值

请参见此处的效果：
您没有从页脚上方的浮动div中清除页脚，因此页脚显示在顶部。我已清除了您的页脚，它现在工作正常：

#footer{
    width: 760px;
    background-color:#000000;
    height: 55px;
    font-family:Tahoma;
    font-size:14px;
    clear:both;
} 

我希望您正在寻找这样的方法：

clear: both;

#footer{
    width: 760px;
    background-color:#000000;
    height: 55px;
    font-family:Tahoma;
    font-size:14px;
    clear:both;
}