瞭解CSS如何清除：兩者都應該工作

Question

我有一個基於HTML表單的問卷，我正在嘗試放在一起。當遇到浮動元素問題時，我使用CCS排列了所有HTML表單元素。

我有一個DIV包含一些表單元素，我想放在以前的DIV下面。由於之前的DIV「左右浮動」，我想我必須使用CSS語法明確：均爲。但是，當我做到這一點時，我的內容一直跳到頁面的左側，跳出包含DIV的頁面。我不知道爲什麼。

我創建了一個例子的jsfiddle幫助解釋...

http://jsfiddle.net/BrWUE/

有人能看到我在做什麼錯，爲什麼明確：既是推動我的DIV了這一切的容器？謝謝。

Answer 1

這是如何CSS清理應該工作。
清除元素將在任何之前的兄弟浮動元素之下。

你應該使用一個衆多的cleafix方法。
這裏有一個從html5boilerplate：

.clearfix:before, .clearfix:after { content: ""; display: table; } 
.clearfix:after { clear: both; } 
.clearfix { zoom: 1 } 

這裏是它看起來像你的代碼：http://jsfiddle.net/BrWUE/1/。