正常网页例如： a.html : <body> <div></div> </body> 当div的高度高于屏幕显示时，右侧会出现滚动条，此时body也会被撑开跟div一个高度，当点击页面按钮使div高度变小时，body的高度也会随着变小。问题：当a.html被b.html通过iframe引入时，在iframe中，a.html中的div在由2000px变小为200px时，它的body还坚持是2000px，导致div只有200px高，但是右侧还有滚动条这样的问题，该怎么解决？

iframe的问题

正常网页例如：
a.html:

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

当div的高度高于屏幕显示时，右侧会出现滚动条，此时body也会被撑开跟div一个高度，当点击页面按钮使div高度变小时，body的高度也会随着变小。
问题：当a.html被b.html通过iframe引入时，
图片描述

在iframe中，a.html中的div在由2000px变小为200px时，它的body还坚持是2000px，导致div只有200px高，但是右侧还有滚动条这样的问题，该怎么解决？

阅读 2.2k

3 个回答

得票最新

✓ 已被采纳

问题的意思就是，正常单独的html网页，body会随着div变大也会随着div变小，但是在iframe里面嵌入这个网页，你打开浏览器看iframe下的body，会随着div变大而变大但不会随着div变小而变小
解决办法：在子页面加上：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

iframe 只能手动更新高度了，或者参考 https://github.com/nprapps/py...

我也遇到过这种问题，导入iframe的时候，里面的网页带有滚动条。有一种办法，简单粗暴，那就是移除iframe里面的滚动条。
参考HTML <iframe> 标签的 scrolling 属性，把srolling设置为no
有一个例子 http://www.w3school.com.cn/ti...

撰写回答

推荐问题

相似问题

找不到问题？创建新问题