问题的提出:
我想将母版页分为上中下三栏,上下栏分别紧靠浏览器的顶部和底部,高度固定,中间一栏随页面高度变化,但有一最小值,就象原来用页面框架一样,请问,可以实现吗?
某人对该问题的解答(来源于CSDN)
<
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表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。
版权声明:本文为liulun原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。