网页主流布局的类型
静态布局(static)
【一列布局】
1、页面内容区域有一个固定宽度
2、页面内容区域在浏览器窗口中自适应居中
3、实现办法
页面内容区域box{ width:自定义宽度;margin:0 auto;}
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>一列布局，一列自适应居中</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 html,body{ 12 height: 100%; 13 } 14 .container{ 15 background-color:#8FE083; 16 height:100%; 17 } 18 19 .container{ 20 width: 970px; 21 margin: 0 auto; 22 } 23 </style> 24 </head> 25 <body> 26 <div class="container">页面主体内容最外围大盒子</div> 27 </body> 28 </html>