本文介绍了一种使用CSS和JavaScript表达式实现的三栏布局方法，其中顶部和底部栏固定高度并紧贴浏览器边缘，中部栏随页面内容变化而自动调整高度。
问题的提出:
我想将母版页分为上中下三栏,上下栏分别紧靠浏览器的顶部和底部,高度固定,中间一栏随页面高度变化,但有一最小值,就象原来用页面框架一样,请问,可以实现吗?
某人对该问题的解答(来源于优快云)
<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表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
