如果有固定头部高度和底部高度，内容的高度或者宽度想要根据浏览器屏幕自适应的话，可以用到css3的计算属性,即calc。
用法如下：
内容区域高/宽 = calc(100% - 头部高宽 - 底部高宽)
//这样就可以自适应高度或宽度了。
浏览器高度： document.documentElement.clientHeight
css3计算属性(calc)
原文：http://www.cnblogs.com/alvin553819/p/7127117.html
