Javascript Chrome和IE中的Ctrl F/Find功能修改布局

在当前的最小示例（）中：

福
酒吧

“foo”单元格是唯一可见的单元格。然后，如果我执行Ctrl-F（在浏览器中查找特征），并开始键入“bar”，div中的表将向上显示（其顶部更改），以向用户显示匹配的元素

我知道这可能是一个特性，但对我来说这似乎是一个bug，因为它修改了网页的布局（清除搜索不会回滚上一个顶部元素）

这个bug出现在Chrome和IE9中，但在Firefox中没有

有什么解决办法可以解决这个问题吗

---

PS：这似乎是相关的，但没有回答我的问题。

溢出内容仍然可以搜索。如果不想显示，请使用显示：无

是否有某种原因导致溢出：div上的隐藏和硬设置高度？特别是它的高度非常小。我只是想找到一段最小的代码来重现这个问题。。。我真正的用例是不同的，而且更复杂。因为它已经结束了，我无法添加我自己的答案。使用

display:none

会影响我的布局，我改为使用

visibility:hidden

，效果很好。

<div style="overflow: hidden; height: 24px;">

<table>
<thead>
<tr>
<td style="background-color: rgb(109,173,157);">foo</td>
</tr>
</thead>
<tbody>
<tr>
<td style="background-color: rgb(236,222,117);">bar</td>
</tr>
</tbody></table>

</div>