css列布局

1. css的网页布局
   （1）一列布局
   （2）两列布局
   自适应的
   固定宽度的（放在一个父块中即可）
   （3）三列布局（自适应源代码）
   
body{margin: 0;padding: 0;}
.left
{
width: 200px;
height: 500px;
background: #ccc;
position: absolute;
left:0;
top: 0;
}
.middle
{
height: 500px;
background:#999;
margin: 0 310px 0 210px;
top:0;
}
.right
{
width: 300px;
height: 500px;
background: #ddd;
position: absolute;
right: 0;
top: 0;
}

   （4）混合布局