CSS:溢出div的内容

Question

其实我不知道如何找到这个问题的解决方案以及如何命名它。这是我网站的链接:

http://www.portalpraktyk.pl/podstrona_itp

问题是我将页面分为 3 个标准部分:顶部、内容、页脚。在内容和页脚之间还有用于放置社交插件的 facebook div。发生的情况是两个 div(facebook 和页脚)的内容都保留在内容 div 下，但两个 div 实际上都上升到内容区域(您可以在标题下方和内容 div 后面看到深色背景 div)。

我不会给你看代码，因为我不知道问题出在哪里。最好的方法是检查这是如何使用 Web 开发人员和 firebug 浏览器插件编写的。

有人知道这个问题的解决方案吗？

Answer 1

你的问题是经典的 float 不清除问题。

查找关于 .clearfix. 的信息

基本上 div#contents 的高度为 0，因为 #box_left 和 #box_right 是 float 的，所以 div#contents 不包含它们，因此你的页面变得一团糟。

另一个提示是不要使用 position:relative 并分配 top:30px 值，而是使用 margin-top:30px。