初记：让页面自适应屏幕分辨率

小记：让页面自适应屏幕分辨率
[code="java"]

DIV+CSS实现两边固定宽度,中间自适应宽度-天魅设计博客
body{
   margin:0;
   padding:10px;
}

#head{
   margin-bottom:10px;
   height:50px;
   background-color:#999999
}

#main{}

#left{
   width:200px;
   float:left;
   margin-right:-200px;
   background-color:#FF9900
}

#mid{
   width:auto;/*这里是关键*/
   background:#00FF00;
   margin:0 220px;
   border:1px solid #000;
}
#right{
   width:200px;
   margin-left:-200px;
   float:right;
   background-color:#CCCC00
}
#foot{
   margin-top:10px;
   clear:both;
   height:50px;
   background-color:#CCCCCC
}

我是头部

我是左边,宽:200px
我是右边,宽:200px
我是中间,宽自适应

我是底部