iframe标签height100%无效解决办法,亲测有效

最新推荐文章于 2024-05-14 18:54:35 发布

快乐学习。

最新推荐文章于 2024-05-14 18:54:35 发布

阅读量9.3k

点赞数 2

分类专栏：前端文章标签： iframe

本文链接：https://blog.csdn.net/Clarence_Pang/article/details/85262871

版权

前端专栏收录该内容

28 篇文章

订阅专栏

iframe使用height属性之前要先保证body、html等父标签的height是100%
贴上页面完整代码

 <!DOCTYPE html>
    <html style="height: 100%">
      <head>
        <title>PxAllotIndex.html</title>
    	
        <meta name="keywords" content="keyword1,keyword2,keyword3">
        <meta name="description" content="this is my page">
        <meta name="content-type" content="text/html; charset=UTF-8">
        
      </head>
      <body style="height: 100%">
        <iframe id="ifram" width="40%"  frameborder="0" scrolling="auto" height="100%" src="PxWarehouseManage.html"></iframe>
        <iframe width="55%" frameborder="0"  scrolling="auto" src="PxWarehouseManage.html"></iframe>
      </body>
    </html>