如果有固定头部高度和底部高度，内容的高度或者宽度想要根据浏览器屏幕自适应的话，可以用到css3的计算属性,即calc。

用法如下：

    内容区域高/宽 = calc(100% - 头部高宽 - 底部高宽)  

    //这样就可以自适应高度或宽度了。

    浏览器高度： document.documentElement.clientHeight

css3计算属性(calc)