浮動的DIV導致下面的相對的DIV被錯誤地定位

Question

我已經這樣做了小提琴JS爲例： JS FIDDLE EXAMPLE

.column { 
width: 100px; 
height: 100%; 
float: left; 

}

你可以看到黃色的頁腳沒有出現浮動欄下方當div divs有100％的高度時div，而是它出現在相同的位置。 如果有人能幫助我，我將不勝感激。 感謝

Answer 1

你需要一個明確的添加到您的頁腳DIV：

clear: both; 

http://jsfiddle.net/G7kdB/8/