<script type="text/javascript">
        window.οnlοad=window.οnresize=function(){
         var h1=document.getElementById("right").offsetHeight;
         var h2=document.getElementById("left").offsetHeight;
         if(h1>h2)
         {
            document.getElementById("left").style.height=h1+"px";
         }
         else
         {
            document.getElementById("right").style.height=h2+"px";
         }
        }
    </script>

转载于:https://www.cnblogs.com/mangix/archive/2009/04/17/1438421.html

【原】让两个DIV高度一样的Javascript函数相关推荐

  1. 左右两个div高度自适应

    布局 <div style="width: 1200px; margin: 0 auto; "><div id="main_m1" style ...

  2. html三个div相同高度,两个DIV高度自适应方法(左右两个DIV高度一样)

    html: aaaa aaaa bbb 1.使用display:table; 利用的table本身的自适应特性,兼容性好,容易使用#container{width:500px; display: ta ...

  3. html div左中右布局,求助css。 一个div包含两个div,左右布局,左边css宽30%,右边div宽70%。高度均自...

    求助css. 一个div包含两个div,左右布局,左边css宽30%,右边div宽70%.高度均自以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让 ...

  4. css 实现右边div高度随着左边div内容的增加,右边div的高度也增加(左边div与右边div高度保持一致)

    从ajax传回来的数据左边撑开了比较多,右边的数据默认显示在下方,添加css更改位置 <template><div class="indexOne">< ...

  5. 内容滚动条和子div高度自适应

    内容滚动条和子div高度自适应 写在前面:老套路有图有真相,这才叫做分享.本文内容是:一个div里面,两个子div高度自适应(平分父div的高度)和元素内容过多的时候,根据需求出现高度滚动条或者宽度滚 ...

  6. 点击改变div高度_css实现div两列布局(两种方法)

    一.应用场景 左侧一个导航栏宽度固定,右侧内容根据用户浏览器窗口宽度进行自适应 二.思路 首先把这个问题分步解决,需要攻克以下两点: 1.让两个div并排到一行 2.让一个div宽度固定,另个div占 ...

  7. 使position:fixed不与其他div重叠 ,fixed所在div高度不变和可变两种情况

    由于fixed会使元素脱离文档流,让该div不与其他div重叠有两种方法 高度固定的情况 方法一:设置下方区域的padding-top padding-top: XXpx 方法二:设置fixed所在d ...

  8. html给div设置宽度无效,HTML学习之给div高度设置百分比不生效的问题

    这几天在学习HTML的知识,今天想做一个极为简单的页面,就是分为头部,内容和底部,本来用三个div即可,可是给div高度设置百分比时发现不生效,具体页面如下,非常简单. 下面是html部分: 1111 ...

  9. HTML页面中使两个div并排显示

    在HTML中实现两个div并排显示,方法如下: 方法1:设置float浮动 对需要并排显示的div设置样式:style="float:left;" <div style=&q ...

最新文章

  1. python数据分析视频网盘-利用Python进行数据分析视频教程云盘下载
  2. 用java创建UDF,并用于Hive
  3. 【今日CV 计算机视觉论文速览】Tue, 26 Feb 2019
  4. popen和system问题
  5. Iometer存储测试工具参数说明-图形主界面(整理)
  6. azure云数据库_使用Azure Active Directory和Azure SQL数据库
  7. c++ 禁止 unsigned 和 signed 转换_令人头疼的C++复杂的类型转换,我们如何来攻克?我来让你头脑清醒...
  8. webpack项目使用eslint建立代码规范
  9. 几种常用的网络传输协议
  10. access更新查询非汉族加分_Access更新查询
  11. c语言 编程打印几何图形,c语言图形
  12. 硬盘安装Win7教程!无光驱无U盘照样装Win7
  13. ‘Staff‘ object has no attribute ‘data‘
  14. DirectX的发展历程!
  15. 数据库加密sqlite3
  16. alice 和 bob 一起 van♂卡牌游戏
  17. 个人计算机也可以做为服务器,普通个人电脑可以充当电脑服务器来使用吗
  18. 7.Unity2D 横版 未受伤害时,血条缓慢变透明+伤害数值显示(浮动,大小,颜色)+协程的应用
  19. Java的链式编程(支持lombok)
  20. Exchange控制台错误:WinRM客户端已将请求发送到HTTP服务器

热门文章

  1. rpa机器人平台_RPA在财务领域的三大应用场景解析
  2. redis常用命令getex_Redis常用命令
  3. span标签的鼠标滑入提示_彻底搞懂拖拽——基于鼠标事件的拖拽以及基于HTML5 API的拖拽...
  4. linux停止rpc服务,linux下安装启动rpc服务
  5. java hibernate更新_Hibernate更新某些字段的几种update方法
  6. c语言中短路逻辑有与有或例子,C语言零基础教程之运算符和表达式,全面解析,轻松上手...
  7. 如何制作linux系统硬盘,手把手带你自制Linux系统之二 简易Linux的制作
  8. 学习笔记(07):MySQL数据库运维与管理-02-用户权限授予演示
  9. POI操作EXCEL2007,报javax.xml.stream.XMLEventFactory.newFactory()错误!
  10. 判断本地和云端通讯录是否一致