我如何给100%的高度一个框架内的框架在框架集的框架

How do I give 100% height to an iframe that is inside of a frame in a frameset

本文关键字：框架 一个 100% 高度      更新时间：2023-09-26

我试过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不再支持框架集。因此，我可能会尝试为您的框架集找到另一种解决方案。您可以使用div来实现相同的视觉效果。
相关文章：