首页 > 代码库 > 如何让两个 并列的div高度相等

如何让两个 并列的div高度相等

哪个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";

如何让两个 并列的div高度相等