1 <style type="text/css">
2 #header,#content,#footer{
3 background-color:#CCC;
4 height:50px;
5 width:80%;
6 margin:10px auto;
7 }
8 #content{
9 height:500px;
10 }
11 #left{
12 width:30%;
13 height:500px;
14 float:left;
15 background:#FF3;
16 }
17 #center{
18 height:500px;
19 background:#ccc;
20 float:left;
21 width:50%;
22 }
23 #right{
24 width:20%;
25 height:500px;
26 float:right;
27 background:#FF0;
28 }
29
30 </style>
1 <body>
2 <div id="header">top</div>
3 <div id="content">
4 <div id="left">left</div>
5 <div id="center">center</div>
6 <div id="right">right</div>
7 </div>
8 <div id="footer">footer</div>
9 </body>
转载于:https://www.cnblogs.com/xiaosa/archive/2011/11/07/2238806.html