浮动CSS问题 - 窗口8类似的瓷砖

Question

这是我的代码：

<div style="background-color:red;border:2px solid red;height:100px;width:500px;float:left;margin-right:20px;margin-bottom:20px;"><center style="font-size:100px;">1</CENTER></div><div style="background-color:red;border:2px solid red;height:200px;width:500px;float:left;margin-right:20px;margin-bottom:20px;"><center style="font-size:100px;">2</CENTER></div>
<div style="background-color:red;border:2px solid red;height:100px;width:500px;float:left;margin-right:20px;margin-bottom:20px;position:relative;top:-100px;"><center style="font-size:100px;">3</CENTER></div>

这是一个筛选：

然而问题是我希望它看起来更像是这样（第三个坏人堆积在1以下）：

Answer 1

我认为不需要浮动任何DIV。你所追求的是内联块元素的默认行为。

display: inline-block;

我想你想要这样的东西：http://jsfiddle.net/4Rq6n/