如何僅使用 CSS 使 iframe 填充頁面的剩餘高度？

無需JavaScript 即可讓iframe 無縫填充剩餘高度

設計帶有橫幅和iframe 的網頁時，可能會需要iframe調整大小以佔據整個剩餘頁面高度。使用 CSS 實現此目的是可行的。

最初，將 iframe 的高度設定為 100% 似乎很合乎邏輯，但導致 iframe 試圖填充整個頁面，包括橫幅的高度。這導致了不必要的垂直滾動條。此外，在 DIV 上使用 CSS 邊距和填充來保留剩餘高度適用於 DIV，但不適用於 iframe。

截至 2019 年，最佳解決方案是 flexbox。它得到了跨瀏覽器的廣泛支援：

以上是如何僅使用 CSS 使 iframe 填充頁面的剩餘高度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！