iframe显示滚动栏
2024-10-01 07:45:57
子页面通过iframe载入。出现了竖向滚动栏
最后查出原因：文档申明
iframe有滚动栏的页面的文档申明
<!DOCTYPE html>
改成例如以下即可了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
假设一定要html5的形式的话，试下下面方法
1、隐藏父页面iframe滚动栏： <iframe id="imagePageIframe" style="width: 100%; height: 100%; overflow: hidden; " src="${ctp}/app/verify/imagePage.jsp"></iframe>
主要是overflow: hidden; （scroll显示 auto依据内容动态显示 hidden不显示）
2、去掉子页面B 的Transitional//EN文档类型声明：即改动文档声明为<!doctype html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3、子页面B 的body style="overflow:auto"。
4、据说父页面 A 的文档类型要改成 HTML 4.01 Transitional ，我没改，也好使，呵呵。
最新文章
- 网络流模板 NetworkFlow
- 浅谈Linux中的信号处理机制（二）
- ngx_image_thumb模块生成缩略图
- JAVA 重复提交
- 重新想象 Windows 8 Store Apps (58) - 微软账号
- oracle文件版本
- 工具配置（eclipse/plsql）
- SoapUI Property
- SQL Server内存性能分析
- Java Inner class
- POJ 3669 广度优先搜索
- 微软在线测试题String reorder
- HTML5新元素
- 如何制定AxureRP设计体系
- pl/sql developer 连接服务器上的数据库
- 一款简洁而强大的前端框架JQUery—动画效果及剪刀石头布小游戏
- C++之IO操作
- P1024 一元三次方程求解（二分答案）
- python全栈开发 * 26知识点汇总 * 180709
- 电脑出现 flash update failed 解决方法