仅基于最大宽度将内容包装在绝对 div 中

Question

我有绝对定位的 div，它用作带有白色背景的工具提示。所以他的位置是根据鼠标坐标设置的。 我希望我的工具提示有max-width，但如果更小，那么width 应该基于内容。

如果我在每个单词后面加上 max-width 和 wrap 文字。

编辑 这是一个使用示例 https://jsfiddle.net/miniverse_solutions/sgct5qux/

我还意识到在 up 中缺少 translate3d。首先，我找到了这个例子，它的工作方式就像我希望它工作一样 http://jsfiddle.net/audetwebdesign/vVhWR/

接下来我意识到我的父节点有width = 0。 当我在该示例中添加width = 0 时，它就像我的一样工作，所以我尝试在我的示例中删除相同的width = 0，但它仍然不起作用。看起来translate3d 搞砸了。

Answer 1

由于只有一个带有 width = 0 的包装绝对 div 重现了相同的问题，所以在我看来，当两个绝对定位的 div（一个在另一个内部）自动将外部 div 宽度设置为 0。

从外部 div 中移除绝对定位解决了这个问题。

不知道为什么外部的div 总是在body 的正下方呈现，而top 和left 的值是0。