Question

在当前的最小示例（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相关，但没有回答我的问题

Answer 1

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

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

1 个答案: