CSS：內容溢出div

其實我不知道如何找到解決這個問題以及如何命名它。這裏的鏈接到我的網站：CSS：內容溢出div

的問題是，我有頁面分爲3個標準部分：頂部，內容，頁腳。在內容和頁腳之間還有Facebook div來放置社交插件。會發生什麼事情是這兩個div（臉書和頁腳）的內容都停留在內容div下，但這兩個div實際上升到了內容區域（你可以在標題和內容div下面看到深色背景div）。

我不會告訴你一個代碼，因爲我不知道問題出在哪裏。最好的方法是檢查這是如何用Web開發人員和螢火蟲瀏覽器插件編寫的。

有沒有人知道解決這個問題的方法？

2012-01-07 lukaleli

除非你有一個特定的問題，這似乎太「本地化」是一個真正的問題。告訴我們你「不會顯示任何代碼」並不能真正解決這個問題。 – 2012-01-07 16:37:23

對不起，但代碼太長，我不知道問題的實際位置。 – lukaleli 2012-01-07 16:42:19

將'clear：both'添加到'＃facebook'。適應口味。 – 2012-01-07 16:44:29

你的問題是漂浮物未清理的經典問題。

查找信息.clearfix.

基本上在div＃內容，具有的高度爲0，因爲#box_left和#box_right是浮動的，所以DIV＃內容不包含他們，因爲這是你的網頁獲得都搞砸了。

另一個提示是，不是使用position:relative，而是使用top:30px值，請使用margin-top:30px。

2012-01-07 16:49:51 guzart

感謝提示！ – lukaleli 2012-01-07 17:08:31

您需要在#content div關閉後立即清除浮動。

2012-01-07 16:43:50

非常感謝！這有幫助！ – lukaleli 2012-01-07 16:44:40

回答