CSS：清楚：左邊工作得太好了？

Question

我每時每刻都有一個問題，我不確定解決方案是什麼。

我有一個2列布局（左strit，然後主區）。在主要領域，我有時會有一個輔助2欄佈局（例如 - 對於新聞欄目，有圖標，然後是新聞欄目）。當我在新項目上清除左側時，不清除上面的圖像（該圖像處於浮動狀態），而是清除左側的導航欄。

這是sample。這似乎是FF3.6的問題，而IE8似乎很好。

Answer 1

爲#mainContent添加overflow:auto;或overflow:hidden;清除浮動。在這裏閱讀更多http://www.quirksmode.org/css/clearing.html

Answer 2

在您的<div>包含每個新聞部分，請嘗試添加overflow: hidden。我認爲應該在<div>內隔離clear的使用。

Answer 3

而不是使用列新聞專欄來分隔圖標和文本 - 如果您在圖像上使用「float：left」會怎麼樣？例如，看一下這個網頁上：

http://clayclerk.com/

的CSS樣式的圖像是：

.imageleft { 
float:  left; 
margin-right: 10px; 
}