當前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

iframe设置height无效解决方法

發布時間：2023/11/21 综合教程 47 生活家

生活随笔收集整理的這篇文章主要介紹了 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;

以上是生活随笔為你收集整理的iframe设置height无效解决方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。