水平自适应问题

方法一、采用百分比

.left{

     width:  20%;

     float:  left;

}

.center{

     float:  left;

     width:  50%;

}

.right{

     float: left;

     width:  30%;

}

方法二、采用绝对定位

采用绝对定位将元素固定在浏览器窗口的某个位置。

.left{

     position:  absolute;

     top:  0;

     left:  0;

     width:  200px;

}

.center{

     margin-left:  0  200px;

   

}

.right{

     position:  absolute;

     top:  0;

     right:  0;

     width:  200px;

}