如何使用清楚:两者？

Question

<div class="one">aaaaaaaaaa </div>
<div class="one">bbbbbbbbbb </div>
<div class="one">ccccccccccc </div>
<span style="clear: both">
    THIS SHOULD BE BELOW TABLE. WHY NOT?

.one {
  background-color: red;
  float: left;
}

http://jsfiddle.net/bLsju/2/

为什么这个例子仍然是浮动的？我怎样才能使用clear:both？

Answer 1

clear如果元素不是块元素,则忽略该属性.使用 style="display: block"的范围或使用一个div,这是块元素.

Answer 2

更改span的div.它将适用于块元素.