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

时间:2013-02-26 18:19:43

标签: javascript html internet-explorer google-chrome

在当前的最小示例(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:这似乎与Browser ctrl+f find on the page shows result behind the static header相关,但没有回答我的问题

1 个答案:

答案 0 :(得分:0)

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