包裹iframe的div與iframe存在高度差的問題解決方案-轉載

轉載：https://www.cnblogs.com/chaoyueqi/p/10045167.html

參考：https://blog.csdn.net/mafan121/article/details/48264927

1、問題：

    在子iframe頁面去處理頁面單屏滿屏顯示的問題，要求內容的高度以滿屏的百分比顯示，先獲取屏幕高度$(window.parent).height()，再減去header和footer的高度，然後賦值給iframe，此時發現頁面出現滾動條，總是要多減掉幾px纔不會出現滾動條，即包裹iframe的div與iframe存在高度差（一般是首頁，其他頁面要求是iframe自適應，所以在其他頁面不易發現這個幾px的高度差問題），

2、解決方案：

iframe添加屬性：

frameborder="0" marginheight="0" marginwidth="0"

iframe添加樣式：

vertical-align:bottom