Javascript 如何为位于框架集中框架内部的iframe指定100%高度

我试过css

iframe {
        margin: 0px;
        padding: 0px;
        width: 100%;
         height:100%; 

    }

我也试过javascript

function resize()
{
    document.getElementById('dashIframe').style.height = top.main.clientHeight + 'px';

}   

---

但是我无法将iframe设置为100%高度

您的iframe采用的是父元素的高度。如果框架中没有其他东西使其变大，则主体的高度为0。0的100%为0

您有两种解决方案，或者使框架的主体和html 100%像这样

body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

或者为iframe提供绝对定位，确保它不在应用了相对或绝对定位的任何其他容器中。就这样

iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

---

另一方面，HTML5不再支持框架集。因此，我可能会尝试为您的框架集找到另一种解决方案。仅使用divs就可以实现相同的视觉效果。

html在正文中的含义是什么，html{..？html指html标记，例如

html标记包含文档的全部内容，包括正文。因此，如果设置

正文{…}

to 100%包含它的“`仍然没有高度，因此0的100%仍然是0。通过将

html{…}

设置为100%，文档的根就是它所在窗口的大小。