最近在工作中碰到一個(gè)需求：
有左右2個(gè)并列的div，2個(gè)div都不能限定高度。左div為導(dǎo)航，右div為內(nèi)容。如何能讓左div塊自動(dòng)獲得和右div塊相等的高度？

實(shí)現(xiàn)代碼：

Javascript代碼


上一篇文章的留言中有朋友提醒我：“如果右塊高度比左塊低，會(huì)不會(huì)導(dǎo)致左塊的內(nèi)容被溢出不顯示之類的問(wèn)題。應(yīng)該是取左右2者的最高值吧來(lái)對(duì)齊吧”。
的確，文章中的代碼只能將右div塊的高度賦值給左div塊。因?yàn)楫?dāng)時(shí)工作中碰到的情況是右div不可能比左div低，所以沒(méi)有考慮左div比右div高的情況。
今晚沒(méi)事，就折騰改進(jìn)了一下代碼，改進(jìn)以后代碼會(huì)對(duì)左右div塊的高度進(jìn)行比較。哪個(gè)div Height值大，就將其值賦給Height值小的div，從而使2個(gè)div高度始終保持一致?？创a：

XML/HTML代碼


經(jīng)測(cè)試，該代碼有效。
另外，在實(shí)際運(yùn)用，可能還會(huì)存在由于左div或右div存在padding屬性而導(dǎo)致上述取值變多或變少的問(wèn)題。比如，最終賦值時(shí)發(fā)現(xiàn)left比right還高10px，那么也可以通過(guò)修改上述代碼解決：