91网首页-91网页版-91网在线观看-91网站免费观看-91网站永久视频-91网站在线播放

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

實現代碼：

Javascript代碼


上一篇文章的留言中有朋友提醒我：“如果右塊高度比左塊低，會不會導致左塊的內容被溢出不顯示之類的問題。應該是取左右2者的最高值吧來對齊吧”。
的確，文章中的代碼只能將右div塊的高度賦值給左div塊。因為當時工作中碰到的情況是右div不可能比左div低，所以沒有考慮左div比右div高的情況。
今晚沒事，就折騰改進了一下代碼，改進以后代碼會對左右div塊的高度進行比較。哪個div Height值大，就將其值賦給Height值小的div，從而使2個div高度始終保持一致。看代碼：

XML/HTML代碼


經測試，該代碼有效。
另外，在實際運用，可能還會存在由于左div或右div存在padding屬性而導致上述取值變多或變少的問題。比如，最終賦值時發現left比right還高10px，那么也可以通過修改上述代碼解決：