什么是iframe？
Iframe是一个嵌入式框架，他可以把一个网页嵌套到现有的网页中。
如何嵌套？
利用Iframe标签的src属性嵌套；
初级美化： 可以设置iframe的一些基本CSS样式来美化页面。
（1） 是否显示边框
（2） 定义宽度
（3） 定义高度
（4） 是否显示滚动条
宽度我们一般定义为100%，不显示边框。定义一个固定高度，滚动条自适应。
中级美化 : 高度自适应
由于我们嵌套的页面的高度有大有小。而我们如果要定义固定高度一定要大于最大页面的高度才会不显示iframe中的滚动条
当我们设置了固定高度，嵌套高度比较小的页面时下方会有一块非常大的空白
优化方法：高度自适应
我们首先想到的是不设置高度让他自适应，事实证明并不行。Iframe不会被他的嵌套的内容撑大。
我们只能动态的设置他的高度。
但是想要动态的设置iframe的高度，必须获取嵌套页面的高度在将该高度设置为iframe的高度。
在主界面如何获取嵌套页面的属性呢?
这里我们要引入一个方法。
只要在iframe标签的加载事件(“setIframeHeight()”)调用该方法就可以实现高度自适应。
由于我们用的是流逝布局。当浏览器改变时子页面的高度有可能会发生变化。
浏览器改变事件触发高度自适应。
高级美化： 有上面这些基本够了，但是我们在操作子页面的时候有可能会让子页面高度发生变化。
我们首先想到的是监听事件。但是无论是jQuery还是JS都没有监听高度改变的事件。
那我们只能通过定时器不断的获取高度，不断的重新设置高度。