两种DIV水平居中的方法

      DIV水平居中的方法有很多，介绍两种比较常见的。

      第一种，设置左右MARGIN为AUTO：

        body {
            text-align:center;
        }
        .center {
            margin:0 auto;
            background-color:#ccc;
         } 

 

 

         第二种，利用绝对定位及负的MARGIN：

         .center {
              position:absolute;
              left:50%;
              margin-left:-300px;
              background-color:#ccc;
              width:600px;
           }