核心提示：一个简单首页的布局span style=font-size:18px;!DOCTYPE htmlhtmlheadmeta charset=utf-8title实战首页布局/titlestyle typ...
一个简单首页的布局
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>实战首页布局</title>
<style type="text/css">
#container{
width: 1002px;
background: gray;
}
#header{
height: 120px;
background: orange;
}
#main{
/*height: 600px;*/
overflow: hidden;
background: green;
}
#Lsite{
width: 700px;
height: 600px;
float: left;
background: pink;
}
#Rsite{
width: 302px;
height: 600px;
float: right;
background: purple;
}
#footer{
height: 120px;
background: blue;
}
</style>
</head>
<body>
<p id="container">
<p id="header"></p>
<p id="main">
<p id="Lsite"></p>
<p id="Rsite"></p>
</p>
<p id="footer"></p>
</p>
</body>
</html></span>
效果如下
