CSS中的溢出问题

Question

我的页面上有一个 iframe，似乎遇到了一些常见问题... 乙 实际上有2个iframe ... 1. 包含一些列的表的标题 iframe... 2. 包含列数据的表格的内容 iframe..

现在 2 个 iframe 表垂直对齐...

如果列较少并且第二个 iframe 中没有滚动条，则对齐效果很好。

但是如果列增加，我会在“仅”内容 iframe 中获得一个水平滚动条，当我滚动它时，我有一个同步 JS，它也滚动顶部 iframe..现在在滚动条的末尾 bcoz 占用空间, 垂直对齐受到干扰..

由于这似乎是一个典型的问题，有没有人有真正有用的解决方案。我也对 CSS/Js 方法持开放态度..谢谢..

Answer 1

如果存在滚动条，您可以调整 iframe 的高度，只需检查 iframe 的 scrollWidth 与它的 offsetWidth，如果滚动宽度较高，将 iframe 的高度增加滚动条的高度，大约 5-10px ，我必须检查才能确定。

类似：

$('#my_frame).ready(function(){
  if(this.scrollWidth>this.offsetWidth){
    $(this).css({height:'+=10'});
  }
}