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 典型布局: