iframe设置height无效解决方法

iframe设置height为100%无效,实际是因为父空间高度没有设置的问题。

代码如下

<body>
    <iframe id="content" src="main.do" name="content" frameborder="0" scrolling="no" height="100%" width="100%"></iframe>
</body>

追加css,设置html跟body高度为100%,即可全屏显示iframe

html,body
{
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    height: 100%;
}

ps:如果设置了还是无效,请注意css冲突,看看是不是其他的css设置了height:auto !important;

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

One thought on “iframe设置height无效解决方法”

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注