如何讓兩個 並列的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";


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM