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表示可见区域的高度,同上。

  • 相关阅读:
    msyql 死锁
    yii2 操作数据库
    yii2 加载静态资源
    Yii2 之 UrlManager 实践 (一)
    Wordpress 之 Rewrite Rules
    yii2 使用gii生成代码文件
    权限设计的杂谈
    NodeJS —— 自定义流的实现
    浅析递归
    请将你的App签名文件放进保险箱
  • 原文地址:https://www.cnblogs.com/the-one/p/6086650.html
Copyright © 2011-2022 走看看