Question

我创建了一个<div>，其中包含一个表格。该表可以垂直滚动。当我将鼠标移到<td>上<div>（我的示例中为.tooltip）时，应该显示。我的问题是在显示<div> .tooltip内<td>时，它会在没有同步的情况下显示。请帮我。抱歉我的英语不好。

以下是代码：jsfiddle

Answer 1

<强>解

您只需将position:relative;添加到<td>

即可

这是 FIDDLE

<强>说明

您正在使用position: absolute;来定位工具提示。

绝对定位是相对于第一个相对定位的父元素。由于您没有为position:relative;属性提供任何父元素，因此<html>标记与<html>标记不一致，因此它位于相对于最后一个父元素.outer）的位置当滚动时，.tooltip不会随之移动。

要更正此问题，请为<td>标记指定相对位置，以便工具提示相对于其定位并随之移动。

更多信息HERE

Answer 2

在你的css中使用它：

td:hover .tooltip{
 display: block;
 margin-left: 30px;
}