Javascript $（'；#iframe'；）。高度不起作用

我希望iFrame占80%的高度，广告占剩下的20%

代码

（adsbygoogle=window.adsbygoogle | |[]）.push（{}）；
$（窗口）。加载（函数（）{
$（'iframe'）。高度（'80%）；
});     
$（窗口）。调整大小（函数（）{
$（'iframe'）。高度（'80%）；
});        

截图

---

为什么不起作用？

通常情况下，元素的高度取决于内部内容的高度或使用百分比时父元素的高度

例如，当您将iframe的高度设置为80%时，它表示父级高度的80%。iframe的父对象是主体和html，因此要使其占据80%的屏幕，您需要将html和主体高度设置为100%

html, body {
    height: 100%;
}

---

玩转：看看你是否理解。

通常情况下，元素的高度取决于内部内容的高度或使用百分比时父元素的高度

例如，当您将iframe的高度设置为80%时，它表示父级高度的80%。iframe的父对象是主体和html，因此要使其占据80%的屏幕，您需要将html和主体高度设置为100%

html, body {
    height: 100%;
}

---

玩转：看看你是否理解。

html，body{height:100%；margin:0；padding:0；}

和

height:80%

在iframe的样式中应该可以工作-不需要jQuery的

height（）

@vanu folmertya，使用js/jq是没有意义的here@van_folmert不起作用。看起来一样。如果调整iFrame的大小，使用样式也不会修复它，因此jQuery<代码>html，主体{高度：100%；边距：0；填充：0；}和

高度：80%

在iframe的样式中应该可以工作-不需要jQuery的

height（）

@vanu folmert Ya，使用js/jq没有任何意义here@van_folmert不起作用。看起来一样。如果调整iFrame的大小，使用样式也不会修复它，因此jQuery！好的，您应该添加

margin:0；填充：0

要减少对浏览器的依赖性，您应该添加

边距：0；填充：0以减少对浏览器的依赖性