自动居中一列布局 

<head>
    <style>
    *{margin:0;padding:0;}
    .wrap{width:800px;margin:0 auto;}
    .header{width:100%;height:200px;}
    .mainbody{width:100%;height:500px;}    
    .footer{width:100%;height:200px;}
    <style>
</head>
<body>
<div class="wrap">
    <div class="header">
    </div>
    <div class="mainbody">
    </div>
    <div class=""footer>
    </div>
</div>
</body>

http://www.imooc.com/video/1336

posted @ 2015-11-06 00:59  gyx13  阅读(168)  评论(0)  编辑  收藏  举报