如何解决CSS中的溢出问题
| 我的页面上有一个iframe,似乎遇到了一些常见的问题... Ë 其实有2个iframe ... 1.标头iframe,其中的表带有一些列... 2.内容iframe,其中的表带有列数据。 现在,将2个iframe表垂直对齐... 如果列数较少且第二个iframe中没有滚动条,则对齐方式可以正常工作。 但是,如果列增加,则会在内容iframe的“仅”中得到一个水平滚动条,并且在滚动时,我还有一个同步JS,它也可以滚动顶部iframe。现在,滚动条的末尾bcoz占据了空间,垂直对齐会受到干扰。 因为这似乎是一个典型的问题,所以有谁能找到真正有用的解决方案。我也接受CSS / Js方法。谢谢。解决方法
您可以调整iframe的高度(如果存在滚动条),只需对照iframe的offsetWidth检查iframe的scrollWidth,如果滚动宽度较大,则将iframe的高度增加滚动条的高度,大约5-10像素,我必须检查一下以确保。
就像是:
$(\'#my_frame).ready(function(){
if(this.scrollWidth>this.offsetWidth){
$(this).css({height:\'+=10\'});
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。