如何让左右div高度一样

Author: 陌小雨Date: 2017-11-26View: 51

折腾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";