小记:让页面自适应屏幕分辨率
[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
我是中间,宽自适应
我是底部