狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

最近在工作中碰到一個需求：
有左右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，那么也可以通過修改上述代碼解決：