我有一个 CSS 工具提示，CSS3 淡入，z-indexes 设置为 999。当我将鼠标悬停在链接上时，工具提示本身将我的其他内容向下推，它应该在上面，而不是内联，虽然我我使用了一个跨度并将其转换为 block ..
Here是我想要的示例，我怎样才能阻止它下推内容？
谢谢。
最佳答案
Display:block 不会从页面流中取出元素，它只是将元素推到自己的新行中。使用 position:absolute - 正如其他海报所推荐的那样 - 应该适合你。 Position:absolute 会在浏览器窗口整体上设置一个位置(例如top:0px; left:20px;)，除非父级有position:relative 设置(然后将成为引用点)。第二种类型的一个示例是将链接定位在给定内容 div 中距右侧恰好 30 像素的位置 - 无论该 div 在页面上的位置如何。
Position:relative 可用于相对于元素在自然页面流中的原始位置定位元素，并在元素原本所在的位置留出空间。 Position:fixed 可用于页面滚动时不应移动的元素(例如固定导航栏、页面品牌或页脚)。 Position:static 是默认位置设置，当您需要覆盖其他位置类型时应该使用它。
如果您在另一个元素中为工具提示文本使用跨度 - 您可能希望将父元素设置为 position:relative，并将内部跨度设置为 position :绝对。您需要设置一个 top 和 left 值来调整工具提示文本的确切位置(即在父元素上方或下方，左侧或右侧)。
希望对您有所帮助。
关于html - 为什么我的 CSS 工具提示将我的其他内容向下推？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2537223/