为什么我的CSS工具提示会将其他内容向下推?

Display:block 不会从页面流中提取元素,它只是将其推到自己的新行中。使用 position:absolute -按照其他海报的建议-应该适合你。 Position:absolute 将设置一个位置(例如 top:0px; left:20px; )到整个浏览器窗口,除非有具有 position:relative 设置(然后成为参考点)。第二种类型的一个例子是在给定的内容DIV中从右边精确地定位一个链接30px,而不管该DIV放在页面的什么位置。

Position:relative 可用于相对于元素在自然页面流中的原始位置定位元素,并在元素原本所在的位置留下空间。 Position:fixed 可用于滚动页面时不应移动的元素(例如固定导航栏、页面品牌或页脚)。 Position:static 是默认位置设置,当需要覆盖其他位置类型时应使用。

如果在另一个元素中使用工具提示文本的范围,则可能希望将父元素设置为 位置:相对 ,并将内部跨度设置为 位置:绝对 . 您需要设置一个顶部和左侧的值来调整工具提示文本的确切位置(即父元素的上方或下方、左侧或右侧)。

我希望这有帮助。

工具提示的绝对位置(将容器的位置设置为 relative 绝对位置与容器相对)。

你确定工具提示css位置值是绝对值吗?(或者至少不是静态的)。