清华大佬耗费三个月吐血整理的几百G的资源，免费分享！....>>>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>并列与嵌套div结构</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
body{
background:blue;
}
#header{
margin:0 auto;
height:200px;
background:red;
}
#center{
margin:0 auto;
height:500px;
background:yellow;
}
#footer{
margin:0 auto;
height:200px;
background:pink;
}
#left #right{
}
#left{
background:green;
float:left;
height:500px;
width:50%;
margin-left:0px;
}
#right{
background:black;
float:left;
height:500px;
width:50%;
margin-right:0px;
}
</style>
</head>
<body>
<div id="header">头部</div>
<div id="center">
<div id="left">左分栏</div>
<div id="right">右分栏</div>
</div>
<div id="footer">底部</div>
</body>
</html>