如果有固定头部高度,内容的高度或者宽度想要根据浏览器屏幕自适应的话,可以用到css3的计算属性calc。
用法如下:
内容区域高/宽 = calc(100% - 头部高宽)
例如:
#div1 {
position: absolute;
left: 50px;
width: calc(100% - 100px);
padding: 5px;
}
div 两边有 50px 的间隙(其他占满)
注意:运算符前后都需要保留一个空格,例:width: calc(100% - 10px);