PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

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

原创
2016-06-07 15:49:22 894浏览

最近修改以前写的一些代码,发现点问题。 比如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数组,用循环也可以简单的解决问题。

 

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。