读书人

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

发布时间: 2012-10-19 16:53:36 作者: rapoo

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

我是底部


读书人网 >Web前端

热点推荐