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\'});
  }
}