折腾WordPress的小朋友,有的会喜欢修改页面布局,那么这个小技巧就很有必要知道了,在大前端那里看到的,分享给大家:
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高度还是不一样,这个时候可以看下是不是设置了padding的原因,有针对性的修改就好了:如下
$("left").style.height=$("right").offsetHeight-10 + "px";