为什么我的CSS工具提示会推送我的其他内容？

Question

我有一个CSS工具提示，CSS3淡入，z-index设置为999.当我将鼠标悬停在链接上时，工具提示本身将我的其他内容推下来，它意味着在上面，而不是内联，尽管我'我使用了一个跨度并将其转换为阻止..

Here是我想要的一个例子，我怎样才能阻止它推送内容？

感谢。

Answer 1

Display:block不会从页面流中取出一个元素，它只是将其推送到自己的新行。使用position:absolute - 按照其他海报的建议 - 应该适合你。 Position:absolute将在整个浏览器窗口中设置一个位置（例如top:0px; left:20px;），除非设置了position:relative的父级（这将成为参考点）。第二种类型的一个例子是在给定的内容div中将链接从右侧精确定位30px - 无论div放在页面上的哪个位置。

Position:relative可用于相对于其在自然页面流中的原始位置定位元素，并且它留下元素所在的空间。 Position:fixed可用于滚动页面时不应移动的元素（例如固定导航栏，页面标记或页脚）。 Position:static是默认的位置设置，应在需要覆盖其他位置类型时使用。

如果您在另一个元素中使用工具提示文本的范围 - 您可能希望将父元素设置为position:relative，并将内部范围设置为position:absolute。您需要设置一个顶部和左侧值来调整工具提示文本的确切位置（即，在父元素的上方或下方，向左或向右）。

我希望这会有所帮助。

Answer 2

工具提示的绝对位置（将容器的位置设置为relative，绝对位置将相对于容器）。

Answer 3

您是否确定工具提示css位置值绝对值？ （或者至少不是静态的）。