我有一个基于HTML表单的问卷，我正试图把它们放在一起。当我遇到浮动元素的问题时，我已经使用CCS排列了所有的HTML表单元素。
我有一个包含一些表单元素的DIV，我想把它们放在前一个DIV的下面。由于前一个DIV被"浮动"到左边，我想我必须使用CSS语法clear:both。然而，当我这样做的时候，我的内容一直走到页面的左边，跳出了包含DIV的页面。我不知道为什么。
我已经创建了一个JSFiddle示例来帮助解释…
http://jsfiddle.net/BrWUE/有人能看到我做错了什么，为什么清楚:两个都把我的DIV从所有的容器中推出来?谢谢你。
这就是CSS清理的工作原理。
清除元素将位于任何先前的兄弟浮动元素的下面。
你应该使用众多的清除方法中的一个。
以下是来自html5boilerplate的示例:
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1 }
下面是它在代码中的样子:http://jsfiddle.net/BrWUE/1/.