layui,iframe高度设置踩的坑

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

 图一:
 

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

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

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

图五:

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

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

Guess you like

Origin blog.csdn.net/weixin_43075758/article/details/106942740