子页面通过iframe载入。出现了竖向滚动栏
最后查出原因:文档申明
iframe有滚动栏的页面的文档申明
<!DOCTYPE html>
改成例如以下即可了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
假设一定要html5的形式的话,试下下面方法
1、隐藏父页面iframe滚动栏: <iframe id="imagePageIframe" style=" 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 ,我没改,也好使,呵呵。