正常网页例如:
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高,但是右侧还有滚动条这样的问题,该怎么解决?
正常网页例如:
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的时候,里面的网页带有滚动条。有一种办法,简单粗暴,那就是移除iframe里面的滚动条。
参考HTML <iframe> 标签的 scrolling 属性,把srolling设置为no
有一个例子http://www.w3school.com.cn/ti...
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
问题的意思就是,正常单独的html网页,body会随着div变大也会随着div变小,但是在iframe里面嵌入这个网页,你打开浏览器看iframe下的body,会随着div变大而变大 但不会随着div变小而变小
解决办法:在子页面加上: