border与等高布局

<div class="box">
    <nav class="left">
        <h3>导航1</h3>
    </nav>
    <section>
        <div class="module"></div>
    </section>
</div>

.box{
    border-left:300px solid #222;
}
.left{
    width:300px;
    margin-left:-300px;
    float:left;
}

reference:http://www.imooc.com/video/13378
测试了上面的代码，发现没有实现等高布局。