鍍金池/ 問答/HTML5  HTML/ iframe的問題

iframe的問題

正常網(wǎng)頁例如:
a.html:

<body>
    <div></div>
</body>

當(dāng)div的高度高于屏幕顯示時,右側(cè)會出現(xiàn)滾動條,此時body也會被撐開跟div一個高度,當(dāng)點擊頁面按鈕使div高度變小時,body的高度也會隨著變小。
問題:當(dāng)a.html被b.html通過iframe引入時,
圖片描述

在iframe中,a.html中的div在由2000px變小為200px時,它的body還堅持是2000px,導(dǎo)致div只有200px高,但是右側(cè)還有滾動條這樣的問題,該怎么解決?

回答
編輯回答
魚梓

iframe 只能手動更新高度了,或者參考 https://github.com/nprapps/py...

2018年6月21日 19:50
編輯回答
安若晴

我也遇到過這種問題,導(dǎo)入iframe的時候,里面的網(wǎng)頁帶有滾動條。有一種辦法,簡單粗暴,那就是移除iframe里面的滾動條。
參考HTML <iframe> 標(biāo)簽的 scrolling 屬性,把srolling設(shè)置為no
有一個例子http://www.w3school.com.cn/ti...

2017年5月16日 05:28
編輯回答
幼梔

問題的意思就是,正常單獨的html網(wǎng)頁,body會隨著div變大也會隨著div變小,但是在iframe里面嵌入這個網(wǎng)頁,你打開瀏覽器看iframe下的body,會隨著div變大而變大 但不會隨著div變小而變小
解決辦法:在子頁面加上:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2017年11月7日 06:27