包裹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