Ctrl F/Find功能在Chrome和IE修改布局



在当前的最小示例(http://jsfiddle.net/twPHW/)中:

<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>

"foo"单元格是唯一可见的。然后,如果我按Ctrl-F(在浏览器中查找功能),并开始输入"bar",div内的表将上升(其顶部变化),以显示给用户匹配的元素。

我知道这可能是一个功能,但对我来说,它似乎是一个错误,因为它修改了网页的布局(清除搜索不回滚前顶部元素)。

此错误存在于Chrome和IE9中,但不存在于Firefox中。

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

PS:这似乎是相关的浏览器ctrl+f发现页面上显示静态标题背后的结果,但不回答我的问题

溢出内容仍可搜索。如果您不想显示它,请使用display:none

最新更新