CSS：在另一浮動列下浮動一列

Question

我想在一個網站上做一些維護，並且我注意到一個頁面有點出了問題。它們是左側列的容器div，右側是內容容器div，另一個容器是整個頁面內容。在頁面的底部，但在頁腳之前，一行中有三列，並且它們落入主容器中，全部位於單獨的div（相同div類）中，全部左移。

這工作正常，除了一個每頁。右側的內容不足以將三列向下推到左側大列的下方。所以你得到的結果是一排中的兩列浮在左邊的大柱上，而不是與容器相對，第三列浮在第二列下面。

三個小柱的CSS是：

.FBG .blok { 
    width:270px; 
    float:left; 
    padding:5px 20px; 
    margin:0; 
} 

它的每一頁上相同的代碼，但就像我說的，這個頁面上的不同之處在於沒有在正確的div足夠的內容推下列。

有沒有什麼辦法來解決這個問題？或者我需要添加另一個嵌套的div到這個頁面？謝謝你的迴應！

Answer 1

我只是想通了！我所要做的就是製作一個能清除花車的div類。這是我放在課堂上的內容：

.clr { 
    clear:both; 
    padding:0; 
    margin:0; 
} 

我把它放在容器類中的div中，但是在個別的列div之前。像魅力一樣工作！