您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

关于2个div保持一致高度的做法(用js解决)

2025/2/25 21:53:14发布85次查看
最近修改以前写的一些代码,发现点问题。 比如2个div需要动态的保持一致的高度。 原先的做法是: div style=overflow:hidden div id=left style=margin-bottom:-10000px; padding-bottom:10000px;/div div id=right style=margin-bottom:-10000px; padding-b
最近修改以前写的一些代码,发现点问题。
比如2个div需要动态的保持一致的高度。
原先的做法是:
如果实际的高度不大于10000px,那么这个是没有问题的,如果有一边的实际高度大于了10000px,则另外一边的高度只能被定义为10000px,不符合实际运用的需求。
经过测试,用js可以解决这个问题。
代码如下:
var h = document.getelementbyid(left).offsetheight > document.getelementbyid(right).offsetheight ? document.getelementbyid(left).offsetheight : document.getelementbyid(right).offsetheight;
document.getelementbyid(ztleft).style.height = document.getelementbyid(ztright).style.height = h + px;
如果是动态生成的div,只要设法取得id,存入js数组,用循环也可以简单的解决问题。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product