IE下iframe height="100%"无效的解决方法

最新推荐文章于 2021-07-02 17:10:56 发布

转载最新推荐文章于 2021-07-02 17:10:56 发布 · 293 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fanszone/p/4055658.html

文章标签：

#xhtml

本文提供了一种使iframe在IE7浏览器中能够实现100%高度显示的方法，通过特定的HTML与CSS设置确保了iframe能够自适应其父元素的高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IE7下iframe height="100%"无效的解决方法就是css如下写法：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
 2 <html xmlns="http://www.w3.org/1999/xhtml">   
 3 <head>   
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
 5     <title>iframe 100% Height</title>   
 6     <style type="text/css">   
 7          *{ margin:0; padding:0; border:0;}   
 8          html,body{ height:100%; position:relative;}   
 9          iframe{ height:100%; width:100%; overflow:auto; position:absolute; top:0; left:0;}   
10     </style>   
11 </head>   
12  
13 <body>   
14     <iframe src="http://www.google.com.hk"></iframe>   
15 </body>   
16 </html>