CSS float 和清除

Question

我有 3 个 div，我试图以相同的方式放置它们:

[1][1][2][2]
[1][1][3]

我对所有 div 使用 float: left，对 [2] div 使用 clear: right，但结果是:

[1][1][2][2][3]
[1][1]

我做错了什么？

http://jsfiddle.net/3y3k0/v2jaC/1/

Answer 1

我这里有一个工作示例 http://jsfiddle.net/uKDNm/

关键是要分组divs 2 和 3 在另一个 <div>还必须具有 float:left 的元素样式应用，那样divs 2 和3 垂直跨越div 1:

<div id="one">One</div>
<div id="col2">
   <div id="two">Two</div>
   <div id="three">Three<div>
</div>