ifream高度自适应

这是个老问题，最近自己搞了框架，顺手把代码贴上，后来者看到也方便绕弯子。

一般页面上包裹ifream的有一个容器，这里姑且把它的容器设置成div，它的id是Container

对于Container，一般要设置基础的样式的，这个样式大致这样：

#Container {
margin: 0 auto;
padding: 0px;
width: 100%;
height: 100%;
border: 0;
}

而ifream本身也需要设置几个基本属性，一般情况下，大致如下：

<iframe id="main" name="main" scrolling="auto" frameborder="0" scrolling="yes" width="100%" height="100%" src="desktop.html"></iframe>

剩下的，只要用js计算这个Container之前的div高度就好了，举个例子:



这里裹了好几层，但是没关系，通过js计算，减去高度就好了；



我们在jq的ready事件中注册下就好了：

$(document).ready(function () {
iframeresize();
});