HTML和CSS经典布局1

如下图：

需求：

1. 如图

2. 可以从body标签开始。

 

 

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title></title>
 5     <style>
 6         .section-inner {
 7             width: 970px;
 8             min-height: 500px;
 9             margin: 30px auto;
10         }
11     </style>
12 </head>
13 <body>
14     <div id="header" style="height: 50px; background: blue;">
15         
16     </div>
17     <div id="content">
18         <div class="section-inner" style="background-color: yellow;">
19             
20         </div>
21     </div>
22 </body>
23 </html>

View Code