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