一、场景
所在的业务团队负责商务模块，是公司底层的服务。
某个业务团队需嵌入一个已有或未开发的页面，
二、页面组成
页面是管理端一个简单的查询表单，
1）查询条件较多，9个 自适应高度。
2）查询的表格
三、解决历程
1、给表格一个固定高度，document.clinetHeight-290
在没有嵌入iframe时，展示正常，表格底部分页器在屏幕最下方。
问题：1）在不同大小的屏幕中，查询模块的高度是不同的，因此分页器不会在最底部，
2、监控浏览器宽度，实时调整表格最大高度
可视窗口高度 - 查询模块高度- 系统中的顶部菜单
问题：1）iframe嵌入后，底部空白较多
3、思考：使用flex布局，查询和表格模块纵向布局，表格高度自适应，分页器可以在最底部
结果：表格无固定高度，而是全部展开
4、使用（2）但通过判断是否为iframe嵌入来控制减去系统菜单的高度
四、涉及到的知识点
document.documentElement。当前页面的html节点。
document.documentElement.clientHeight 当前节点的可视高度
document是htmldocument继承而来，
访问html的三种方法：
1）document.documentElement 最直接干脆
2）document.firstElementChild 第一个子元素
3）document.childNodes[0]第一个子元素
访问body
document.body 取得对body的饮用
