怎么可以让div自适应屏幕的高度?(已解决)
主要解决问题的方法是用JS脚本。
先看布局, 一个div是首部,另一个div是主体,主体包含左侧菜单和右侧内容。
我想把主体div的高度自适应屏幕剩余区域,怎么做?
首先,获取可见区域的高度,document.documentElement.clientHeight
然后,获取首部的高度,这会是 document.getElementById( "首部Id" ).offsetHeight
最后,计算 主体的高度 = 获取可见区域的高度 - 获取首部的高度。
把这句:
document.getElementById( "主体Id" ).style.height = document.documentElement.clientHeight - document.getElementById( "首部Id" ).offsetHeight + "px";
写进窗体加载事件onload中即可。
注意:
height是指定对象的style对象属性中的一个成员,它的值是一个字符类型的, 所以给它赋值还要加 "px"。
offsetHeight表示自身高度,在js中属于整型。
clientHeight表示可见区域的高度,同上。