多级浮动：左边这是正确的方法吗？

Question

我必须编写一个管理部分，基本设计有一组看起来像这样的行（不适用于比例）：

我正在考虑做两组浮动：左边这样：http://jsbin.com/sizaw/1/edit?html,css,output这是常见的/推荐的做法还是有更好的方法？

编辑＃1

我想有更好的html5＆＃39; y方式吗？浮动：左边看起来很笨拙。

Answer 1

这是我的建议：

HTML：

<div id="wrapper">
    <div class="container">
        <div class="box"></div>
        <div class="box"></div>
    </div>
    <div class="box"></div>
</div>

的CSS：

div {
    min-width: 70px;
    min-height: 50px;
    margin: 10px;
    display: inline-block;
    border: 1px solid #000;
}

的 Example 1

修改
的 Example 2