CSS:溢出div的内容

时间:2012-01-07 16:32:37

标签: css html

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

http://www.portalpraktyk.pl/podstrona_itp

问题是我的页面分为3个标准部分:top,content,footer。在内容和页脚之间还有facebook div来放置社交插件。会发生的是,两个div(facebook和footer)的内容都保持在内容div之下,但两个div实际上都会上升到内容区域(你可以看到黑色背景div在标题下面和内容div之后)。

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

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

2 个答案:

答案 0 :(得分:1)

您需要在#content div关闭后立即清除浮动。

答案 1 :(得分:1)

您的问题是浮动不清除的典型问题。

查找有关.clearfix.

的信息

基本上div#contents的高度为0,因为#box_left和#box_right是浮动的,所以div#contents不包含它们,因此你的页面全部搞砸了。

另一个提示是,不要使用position:relative并将top:30px值设为空,而是使用margin-top:30px