这个例子比较简单，但是也比较实用。尤其是侧边的导航（class＝nav），宽度、高度可以任意调整。如果想加行的话，直接复制即可。横向分布的列，用上节的那个float:left即可。nav的代码

           <div class="left">

                            <div class="nav">

                                   <!-- 导航条 /-->

                                   <div class="navbox"></div>

                                   <div class="navbox"></div>

                                   <div class="navbox"></div>

                                   <div class="navbox"></div>

                                   <div class="navbox"></div>

                                   <div class="navbox"></div>

                                   <div class="navbox"></div>

                                   <div class="navbox"></div>

                            </div>

                     </div>