这个怎么用DIV标签布局
效果图：
代码：
<html>
<head>
<STYLE>
div{margin-bottom:5px;border:1px solid gray;text-align:center;}
.outbox{height:600px;width:1000px;margin:0 auto;}
.boxone{width:1000px;height:100px;}
.boxtwo{width:1000px;height:30px;}
.boxthr{width:1000px;height:200px;}
.boxfour{width:1000px;height:200px;}
.boxfive{width:1000px;height:50px;}
.boxtwo_l{width:200px;height:30px;float:left;}
.boxtwo_r{width:795px;height:30px;float:right;}
.boxthr_l{width:300px;height:200px;float:left;}
.boxthr_r{width:695px;height:200px;float:right;}
.boxfour_l{width:230px;height:200px;float:left;margin-left:15px;}
.boxfour_m{width:230px;height:200px;float:left;margin-left:15px;}
.boxfour_n{width:230px;height:200px;float:left;margin-left:15px;}
.boxfour_o{width:230px;height:200px;float:left;margin-left:15px;}
</STYLE></head>
<body>
<div class="outbox">
<div class="boxone">banner图片</div>
<div class="boxtwo">
<div class="boxtwo_l">logo</div>
<div class="boxtwo_r">nav菜单</div>
</div>
<div class="boxthr">
<div class="boxthr_l">焦点图</div>
<div class="boxthr_r">新闻列表</div>
</div>
<div class="boxfour">
<div class="boxfour_l">1</div>
<div class="boxfour_m">2</div>
<div class="boxfour_m">3</div>
<div class="boxfour_o">4</div>
</div>
<div class="boxfive">版权所有</div>
</div>
</body>
</html>
您太厉害啊！您能告诉我下div标签的顺序吗？
