div固定高度,如果div里内容超出则自适应高度

问题的提出:
我想将母版页分为上中下三栏,上下栏分别紧靠浏览器的顶部和底部,高度固定,中间一栏随页面高度变化,但有一最小值,就象原来用页面框架一样,请问,可以实现吗?

某人对该问题的解答(来源于优快云)

< body  style ="margin:0px" >
< div  style ="height:200px;background:blue" > 上栏 </ div >
< div  style ="height:expression(document.documentElement.clientHeight-350>100?document.documentElement.clientHeight-350:100);background:green" >
中栏 </ div >
< div  style ="height:150px;background:red" > 下栏 </ div >
</ body >

我的解答
你那个document.documentElement.clientHeight是可见区域的高度
应该是这个document.body.scrollHeight全文的高度
其他的还是对的   注意   expression貌似   IE5以下都不支持     慎用啊

相关解释
IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。