zoukankan      html  css  js  c++  java
  • 怎么可以让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表示可见区域的高度,同上。

  • 相关阅读:
    010 Editor无限制免费安装注册破解图文教程(破解补丁)
    请求设置
    请求方法
    Session
    Config
    Model
    模板2
    模板语法
    动态路由
    Put和Delete
  • 原文地址:https://www.cnblogs.com/the-one/p/6086650.html
Copyright © 2011-2022 走看看