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>