最近修改以前寫的一些代碼，發現點問題。 比如2個div需要動態的保持一致的高度。 原先的做法是： div style=overflow:hidden div id=left style=margin-bottom:-10000px; padding-bottom:10000px;/div div id=right style=margin-bottom:-10000px; padding-b

最近修改以前寫的一些代碼，發現點問題。

比如2個div需要動態的保持一致的高度。

原先的做法是：

如果實際的高度不大于10000px，那么這個是沒有問題的，如果有一邊的實際高度大于了10000px，則另外一邊的高度只能被定義為10000px，不符合實際運用的需求。

經過測試，用js可以解決這個問題。

代碼如下：

var h = document.getElementById("left").offsetHeight > document.getElementById("right").offsetHeight ? document.getElementById("left").offsetHeight : document.getElementById("right").offsetHeight;
document.getElementById("ztleft").style.height = document.getElementById("ztright").style.height = h + "px";

如果是動態生成的div，只要設法取得id，存入js數組，用循環也可以簡單的解決問題。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com