横向两列布局（左列固定，右列自适应）的4种CSS实现方式

1. body{        margin:0;   
2.     padding:0;        font-size:30px;   
3.     font-weight:bold;        }   
4. .parent{        text-align:center;   
5.     line-height:200px;    }       
6. .side{        position:absolute;left:0;top:0;   
7.     width:200px;        height:200px;   
8.     background:red;    }   
9. .main{        margin-left:210px;   
10.     background:blue;        height:200px;   
11. }  

方法二：通过设置float属性（使纵向排列的块级元素，横向排列）及margin属性（设置两列之间的宽度）

CSS代码：