JavaWeb 中 iframe 自適應高度的最佳實踐方案

問題背景

頁面包含三個 iframe（a、b、c），其中 b 框架加載後台查詢數據，需根據數據量動態調整高度。嘗試過 margin:0 等 CSS 方案均無效。

專家建議：放棄完全自適應，改用滾動條

結論：iframe 完全自適應高度在多 iframe 共存頁面中不現實，會擠壓其他 iframe 空間。推薦方案：

<iframe src="b_page.html" style="width:100%; height:500px; overflow:auto;"></iframe>

• 給 iframe 固定一個合理的最大高度（如 500px、600px）；
• 設置 overflow:auto，內容超出時自動顯示滾動條；
• 若必須自適應，需借助 postMessage 跨域通信，由子頁面發送高度，父頁面動態調整——但實現複雜且兼容性較差。

討論截圖