我們知道，iframe最大的問題，就是高度的問題，如果你內容的高度是變化,要么你就給你的容器寫個固定的高度，如果內容是未知的，顯然這個方法並不能達到我們的想要的效果，要么就是通過js來解決這個問題。
以下是我測試的兩個頁面示例：
1、未自適應的界面
我們可以看到，這個頁面顯然是沒有高度自適應的，這里我也沒有設置高度， 是iframe默認的高度來支撐內容。
2、高度自適應頁面
通過計算，iframe達到了高度自適應。
使用iframe標簽，需要注意：
我在使用iframe的過程中，將iframe標簽寫成了單標簽的形式，結果導致底部內容不顯示。
正確的標簽寫法是這樣的：<iframe></iframe>
去掉iframe中滾動條的方法 scrolling="no"
scrolling有三個屬性值，分別是 auto(默認為滾動顯示)、no（不顯示滾動天） 、yes（顯示滾動條）；
如果你的項目中有很多的iframe使用，關於高度問題 ，你可以看一下這個鏈接里面的內容：http://caibaojian.com/iframe-adjust-content-height.html