2012-01-07 174 views
2

其实我不知道如何找到解决这个问题以及如何命名它。 这里的链接到我的网站:CSS:内容溢出div

http://www.portalpraktyk.pl/podstrona_itp

的问题是,我有页面分为3个标准部分:顶部,内容,页脚。在内容和页脚之间还有Facebook div来放置社交插件。会发生什么事情是这两个div(脸书和页脚)的内容都停留在内容div下,但这两个div实际上升到了内容区域(你可以在标题和内容div下面看到深色背景div)。

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

有没有人知道解决这个问题的方法?

+0

除非你有一个特定的问题,这似乎太“本地化”是一个真正的问题。告诉我们你“不会显示任何代码”并不能真正解决这个问题。 – 2012-01-07 16:37:23

+0

对不起,但代码太长,我不知道问题的实际位置。 – lukaleli 2012-01-07 16:42:19

+0

将'clear:both'添加到'#facebook'。适应口味。 – 2012-01-07 16:44:29

回答

1

你的问题是漂浮物未清理的经典问题。

查找信息.clearfix.

基本上在div#内容,具有的高度为0,因为#box_left和#box_right是浮动的,所以DIV#内容不包含他们,因为这是你的网页获得都搞砸了。

另一个提示是,不是使用position:relative,而是使用top:30px值,请使用margin-top:30px

+0

感谢提示! – lukaleli 2012-01-07 17:08:31

1

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

+0

非常感谢!这有帮助! – lukaleli 2012-01-07 16:44:40