使用CSS定位工具提示

Question

我的问题涉及工具提示定位。

我改编的脚本使用绝对定位将工具提示从链接中放置几个​​em。对于大屏幕来说，这很有效。

然而，当屏幕缩小时，有时文本会出现在浏览器的边缘附近，并且工具提示只是挂在边缘上。

为了解决这个问题，我提出了自己的黑客解决方案：只需要包含较小屏幕宽度的相对定位规则，以及@media屏幕和（最大宽度：480px）我不完全理解的东西。这有效，但它远非优雅。

理想情况下，当屏幕边缘时，工具提示会被屏幕边缘“推”。但我不知道如何实现这一点。

希望这是有道理的。

无论如何，here's a link to the page that I've used this all on（工具提示文字加点下划线）和here's the CSS behind it。

Answer 1

不使用em，而是使用百分比，但您必须记住，百分比将始终是工具提示大小的父级的百分比。