Javascript 工具提示的CSS定位

我有一个工具提示，当用户单击该字段时，工具提示会打断

td

的宽度

有什么解决办法吗

我这里有一个工作示例：

---

如果单击密码字段，则该

TD

的大小将增大。如何保持

TD

的大小不变并显示工具提示？

将其添加到

中。工具提示

position: absolute;

---

将此添加到

。工具提示

position: absolute;

---

添加

位置：绝对到您的
.tooltip
类。在这里拉小提琴：
添加
位置：绝对到您的
.tooltip
类。在这里拉小提琴：
添加
位置：绝对（css）添加到工具提示。
如果您想让它改变位置（使用顶部和左侧），您可以给容器元素（在您的例子中是
）
位置：相对和工具提示的左侧和顶部将相对于td（而不是文档正文）定位，并且不会破坏布局。
添加
位置：绝对（css）添加到工具提示。
如果您想让它改变位置（使用顶部和左侧），您可以给容器元素（在您的例子中是
）
位置：相对和工具提示的左侧和顶部将相对于td（而不是文档正文）定位，并且不会破坏布局。
将工具置于绝对位置，顶部：0，左侧：0

然后，使用mootools或jquery，指定工具提示出现时，其X和Y位置应与字段的位置+一些额外空间（例如字段的with）相似

不要忘记添加一个条件，当有人调整屏幕大小时，该条件会移动工具提示

对于JQuery，这里有一个示例（我不使用mootools，但我假设您也可以这样做）：

将刀具置于绝对位置，顶部：0，左侧：0

然后，使用mootools或jquery，指定工具提示出现时，其X和Y位置应与字段的位置+一些额外空间（例如字段的with）相似

不要忘记添加一个条件，当有人调整屏幕大小时，该条件会移动工具提示

对于JQuery，这里有一个示例（我不使用mootools，但我假设您也可以这样做）：

你确定是宽度吗？宽度在我尝试时不会改变。是的…这是宽度，不关心宽度…我只想显示工具提示，如果我们需要，我们可以增加宽度。你确定这是宽度吗？宽度在我尝试时不会改变。是的…这是宽度，不关心宽度…我只想显示工具提示，如果我们想增加宽度，我们可以增加宽度谢谢，对于评论，当前我的td高度为25 px，我如何使其悬停或其他。你不需要第三个td，你可以将工具提示放在第二列。当我学习定位时，我发现这很有帮助：谢谢你的评论，目前我的td的高度是25像素，我怎么能让它悬停在上面或者什么的。你不需要第三个td，你可以把工具提示放在第二列。当我学习定位时，我发现这很有帮助：