我试过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来实现相同的视觉效果。