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

  • Post author:
  • Post category:其他


问题的提出:

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

某人对该问题的解答(来源于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 版权协议,转载请附上原文出处链接和本声明。