A-A+

iframe如何加入全页面的代码

2016年04月15日 技术 暂无评论 阅读 1,302 views 次

要想让iframe 高100%,就得设置它父容器的详细高度。
比如:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div style="height:500px;">
<iframe height="100%" width="100%" src="http://www.baidu.com"></iframe>
</div>

 

 

再如

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
html,body{
height:100%;
}
</style>
</head>

<body>
<iframe height="100%" width="100%" src="http://www.baidu.com"></iframe>
</body>
</html>

标签:

给我留言

您必须 登录 才能发表留言!

Copyright © 推塔网 保留所有权利.   Theme  Ality 15028865

用户登录