漂浮物 - 出现在直接邻居下面但不低于一切

Question

<div class="container">
    <div class="1 box"></div>    
    <div class="2 box"></div>
    <div class="3 box"></div>
</div>

我有三个简单的盒子。我正在使用花车。我必须使用花车。这是我的CSS：

.box {
    float: left;
    width: 150px;
    height: 150px;
    background: blue;
}

.1 { height: 200px; }

我想要的是简单的。我希望方框3显示在方框2下方，但我不希望它完全位于方框1下方，正如您在CSS中看到的那样，它明显高于其他元素。浮动当前工作的方式，方框3一直显示在方框1下方。有没有办法让它出现在方框2下方但不如方框1的末端那么远？