<html>
<head>
<title>DIV+CSS</title>
<style type="text/css">
.top{ background-color:Aqua; width:1000px; border:1px solid black; margin: 20px auto; }
.content{width: 1000px; margin: 20px auto;overflow:hidden;}
.left{ width:280px; float:left; overflow:hidden;text-indent: 10px; border:1px solid black; height:200px }
.right{ width:700px; float:right; }
.footer{ background-color:Lime;width: 1000px;margin: 20px auto; }
.dcon{ width:348px; height:200px; border:1px solid black;float:left; display:inline }
.dconright{width:348px; height:200px; border:1px solid black; float:right;}
.title{background: url(shop_bigbg.png) no-repeat;background-position:-195px -70px;line-height: 40px; height:40px; width:150;text-indent: 10px; border:1px solid black; display:block; }
</style>
</head>
<body>
<div class="top">顶部</div>
<div class="content">
<div class="left">
<div class="title" ></div>
左侧菜单
</div>
<div class="right">
<div class="dcon" ></div><div class="dconright" ></div>
</div>
</div>
<div class="footer">
底部
</div>
</body>
</html>
页面效果图: