html的主体如下
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link href = "css.css" rel = "stylesheet" type = "text/css">
</head>
<body>
<div id = "container">
<div id = "header">头部</div>
<div id = "nav">导航</div>
<div id = "maincontent">
<div id = "left">左侧栏</div>
<div id = "main">中间内容</div>
<div id = "right">右侧内容</div>
</div>
<div id = "info">滚动信息栏</div>
<div id = "footer">底部</div>
</div>
</body>
</html>
下面是css
/*body*/
#container{width:100%;margin:0 auto;}
/*header*/
#header{background-color:grey; height:120px; margin-bottom:8px;}
#nav{background-color:grey; height:40px; margin-bottom:8px;}
/*main*/
#maincontent{margin-bottom:8px;}
#left{background-color:grey; float:left; height:450px; width:15%;}
#main{background-color:red; float:left; height:450px; width:30%; margin-left:8px}
#right{background-color:grey; float:right; height:450px; width:15%;}
/*footer*/
#info{background-color:grey; height:20px; margin-bottom:8px;}
#footer{background-color:grey; height:50px; margin-bottom:8px;}
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link href = "css.css" rel = "stylesheet" type = "text/css">
</head>
<body>
<div id = "container">
<div id = "header">头部</div>
<div id = "nav">导航</div>
<div id = "maincontent">
<div id = "left">左侧栏</div>
<div id = "main">中间内容</div>
<div id = "right">右侧内容</div>
</div>
<div id = "info">滚动信息栏</div>
<div id = "footer">底部</div>
</div>
</body>
</html>
下面是css
/*body*/
#container{width:100%;margin:0 auto;}
/*header*/
#header{background-color:grey; height:120px; margin-bottom:8px;}
#nav{background-color:grey; height:40px; margin-bottom:8px;}
/*main*/
#maincontent{margin-bottom:8px;}
#left{background-color:grey; float:left; height:450px; width:15%;}
#main{background-color:red; float:left; height:450px; width:30%; margin-left:8px}
#right{background-color:grey; float:right; height:450px; width:15%;}
/*footer*/
#info{background-color:grey; height:20px; margin-bottom:8px;}
#footer{background-color:grey; height:50px; margin-bottom:8px;}
