css - 多级 float :left is this correct way to do this?

Question

我必须写一篇管理文章，基本设计有一组看起来像这样的行(不按比例):

我正在考虑做两组 float:left，如下所示:http://jsbin.com/sizaw/1/edit?html,css,output这是执行此操作的常见/推荐方法还是有更好的方法？

编辑#1

我想是否有更好的 html5'y 方式来做到这一点？ float:left 看起来很笨拙。

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