DIV 页面布局

1. 页面布局
   
简单布局, 使页面内容居中:
    body{
        margin: 0;
        padding: 0;
        border: 0;
        text-align: center;
    }
    #wrap{
       width: 960px;
       margin: 0 auto;
       text-align: left;
    }

       通过对 body的 text-align:center与
       #wrap 的 margin： 0 auto 设置
       在 IE 与 FireFox 下都能正确显示...

2. 对一些不统一样式清除：
   body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
    body,ul,ol,li,p,form,fieldset,table,td{font-family:"宋体";}
    body{background:#fff;color:#000;text-align:center;}
    td,p,li,select,input,textarea,div{font-size:12px;}
    ul{list-style-type:none;}
    select,input{vertical-align:middle;}
 
3. DIV 典型布局: