<html>
<head>
<title>div+css页面布局</title>
<meta http-equiv="content-type" content="text/html" >
<link rel="stylesheet" type="text/css" href="css/layout.css" />
</head>
<body>
<div id="container">
<div id="head">
<div id="logo">
</div>
<div id="banner">
</div>
<div id="tool">
</div>
<div class="nav">
</div>
<div id="menu">
<ul>
<li><a href="#">公司概况</a></li>
<li class="tiao"></li>
<li><a href="#">企业文化</a></li>
<li class="tiao"></li>
<li><a href="#">产品简介</a></li>
<li class="tiao"></li>
<li><a href="#">人才招聘</a></li>
<li class="tiao"></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
<div class="nav"></div> <!-- 分割条 -->
<div id="main">
<div class="leftbox">
<div class="left">
<div class="title"><h3>强烈推荐</h3></div>
<div class="content">
<ul>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
<li><a href="#">点我进入</a></li>
</ul>
</div>
</div>
<div class="right">
</div>
<div class="nav"></div>
<div class="left">
</div>
<div class="right">
</div>
</div>
<div class="rightbox">
</div>
</div>
<div class="nav"></div> <!-- 分割条 -->
<div id="foot">
</div>
</div>
</body>
</html>
原文：http://10846995.blog.51cto.com/10836995/1716317