如下图，导航栏和正文栏的布局是如何实现的？

Question

1(div)2(nav)3(div)，这三个块是怎么排的，1和23好理解，2(nav),3(div)不晓得该怎么弄。
请各位指教，有资料给链接也OK~ 多谢！

Answer 1

补充一下吧，这个模板应该是bootstrap里面例子的一个修改的，地址：http://v3.bootcss.com/example...

Answer 2

既然理解1和23，那就把23当做一个整体，在这个整体上分2和3，左右结构，div嵌套。

Answer 3

<style>
    .box, .nav, .sider, .content {
        float:left;
        border:3px solid #333;
        margin: 5px;
    }
    .box {
        border: none;
        width: 832px;
        margin: 0 auto;
        float: none;
    }
    .nav {
        width:816px;
        height:50px;
        }
    .sider {
        width:200px;
        height:600px;
        }
    .content {
        width:600px;
        height:600px;
        }
</style>
<div class="box">
    <div class="nav">1</div>
    <div class="sider">2</div>
    <div class="content">3</div>
</div>

所以你要的是这个？