layui,iframe高度设置踩的坑

场景重现：
 后台管理系统，一个列表点击编辑，新增后，最低下的提交按钮显示不出来了，固定高度可以，但是太笨重，如果中间有变化，那又会显示不出来 。页面框架是layui
  1).我在浏览器上更改这两个的高度为100%提交按钮就出来了。但是我在jsp页面怎么更改都不行如图三

 图一：
 

图二：在浏览器上改layer.css文件是可以的

图三：在jsp上试图替换之前的样式，但是没有效果

我发现这个页面的高度和别的页面的高度不一样，图四按钮显示不出来的页面高度是1043px和1086px,而正常的页面的高度都是744px和787px,这个高度是layui动态计算出来的。
图四：

图五：

######################重要##########################
然后找了个前端大神。
 解决办法是在列表页，就是点击添加，编辑的那个页面。添加高度为100%,如下图：

改了后这时候我发现图四的高度也变成和图五一样的高度了。
用大神的话说就是：
  1.iframe 是影响不到外面的
  2.上层 iframe 设置的样式可以影响下层, 下层是影响不到上层的(所以要用列表页面设置而不是在编辑页面设置)
  3.iframe 有层动态计算
  4.如果父级限制了高度, 那他动态计算的就准确些