如何让两个 并列的div高度相等
2024-08-25 23:31:44
哪个div Height值大，就将其值赋给Height值小的div，从而使2个div高度始终保持一致。
function $(id){
return document.getElementById(id)
}
function getHeight() {
if ($("left").offsetHeight>=$("right").offsetHeight){
$("right").style.height=$("left").offsetHeight + "px";
}
else{
$("left").style.height=$("right").offsetHeight + "px";
}
}
window.onload = function() {
getHeight();
}
另外，在实际运用，可能还会存在由于左div或右div存在padding属性而导致上述取值变多或变少的问题。比如，最终赋值时发现left比right还高10px，那么也可以通过修改上述代码解决：
$("left").style.height=$("right").offsetHeight-10 + "px";
最新文章
- 输入输出流（IO）
- js api 实现钉钉免登
- LAMP环境搭建教程（原创）
- SharedPreferences保存用户登录信息
- 在QTP中使用DOM
- new的原理
- C# ReferenceEquals(), static Equals(), instance Equals(), 和运算行符==之间的关系
- J2SE学习小结
- 邓_tp_笔记
- Spring Security入门（3-8）Spring Security获取session中的UserDetail
- 避免"Physics Space Locked"错误
- SpringBoot系列: CommandLineRunner接口的用处
- yii2 部分很实用的代码
- python调用远程chromedriver.exe、selenium抓包方法
- SpringCloud各个组件说明
- 网页分帧操作<frameset>,<iframe>标签
- 解决无法安装Flash Player的问题
- Java的策略模式
- 我是一个程序猿 ——《不是书评 ：<我是一只IT小小鸟>》有感
- 【翻译】 What is class diagram(什么是类图)?