最新消息:欢迎光临!

css实现iframe自适应高度

web开发 findever 908浏览 0评论

主要是利用table的自动适用高度~~

<!DOCTYPE html>
<html>
<head>
    <style>
        body, html {
            height: 100%;
            width: 100%;
            overflow: hidden;
            margin: 0;
        }
    </style>
</head>

<body>
<table id="app" cellpadding="0" cellspacing="0" style="width: 100%;height: 100%;">
    <tr>
        <td>
            <div>
				<h1>我是头部</h1>
			</div>
        </td>
    </tr>
    <tr>
        <td valign="top" width="100%" height="100%">
            <!--这个高度很重要-->
            <iframe id="main" name="main" src="http://www.baidu.com" allowtransparency="true" width="100%"
                    height="100%" frameborder="0" scrolling="yes" style="overflow:visible;"></iframe>
        </td>
    </tr>
</table>

</body>
</html>

转载请注明:Findever » css实现iframe自适应高度

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址