<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<link rel="stylesheet" href="css/tong.css"/>
<title></title>
</head>
<body>
<!-- 页面顶部 #top-->
<header id="top">页面顶部</header>
<!-- LOGO 和 搜索 #top_min-->
<div id="top_main">LOGO和搜索框</div>
<!--页面导航#nav-->
<nav id="nav"></nav>
<!--banner广告#banner-->
<div id="banner"></div>
<!--页面主体内容#main-->
<section id="main"></section>
<!--页面底部-配送方式#foot_box-->
<footer id="foot_box"></footer>
<!--页面底部-备案号 #footer-->
<footer id="footer"></footer>
</body>
</html> 下面是同用样式 #top,#top_main,#nav,#banner,#main,#foot_box,#footer{border:1px solid #000;}
/*通用样式*/
body{font:12px "microsoft yahei",Arial,sans-serif; color:#666;margin:0;padding:0;}
ul,p,h1,h2,h3,h4,h5,h6,dl,dd,li{margin:0; padding:0; list-style: none;}
input{border:0;}
.lf{float:left;}
.rt{float:right;}
.clera{clear:both;}
img{vertical-align: bottom;}
a{color:#666; }
a:hover{color:#ff0700; text-decoration:underline;}
#top,#top_main,#nav,#banner,#main,#foot_box,#footer{margin:0 auto; padding:0; width: 1210px;}