<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>