【发布时间】：2021-01-06 12:19:01
【问题描述】：
我正在构建一个系统来突出显示文本并提供有关特定单词的信息，目前使用 React。我想在突出显示文本旁边的框中显示额外信息。这就像在 Google Docs 中对文本的评论。挑战在于创建“优雅”堆叠且不相互重叠的盒子。我真的不知道该怎么称呼这些，也没有成功搜索过有关此问题的先前工作。任何人都能够指出相关的 CSS 或（甚至更好）能够做到这一点的 React 组件吗？或者只是这些叫什么？
以下是注释块的示例（来自blog）。我的问题是如何使评论框灵活地移动到“堆叠”而不是重叠，并且基本上与它们相关的文本对齐。我不是要求工作代码，如果可能的话，只是一个正确的方向。
【问题讨论】：
-
很有趣的问题。您是否尝试过反向工程他们的解决方案？我可能会从那里开始。如果你没有找到任何东西，你需要创建它。
-
不幸的是，我链接到的博客实际上只显示了该动画并且没有可深入研究的实现。而谷歌的代码是从混淆到逆向工程的方式。