我试图使一个元素不占据任何空间但仍然可见。我不希望有任何可能改变布局的副作用，这意味着元素在不占用空间后应该完全看起来相同。
Google提供的几乎所有方法或StackOverflow中的相关答案都使用绝对定位。问题是将position: absolute设置为实际上会更改其布局行为的内联元素。
以这种非常简单的布局为例：
我的意图是使蓝色文本<span> 不占据空间。我将其设置为position: absolute：
从图像中我们可以看到<span>的第二行不再从行首开始定位。它与第一行的开始位置对齐，我认为这是确保整个<span>保持矩形。但是无论如何，绝对定位后都会修改布局。
有人建议在<span>周围包裹一个相对的布局容器，但这是行不通的-只要出现一个绝对容器，布局就会中断。
顺便说一句，我的意图是通过反转color和background-color来强调段落中的几个单词，我必须制作两个完美的重叠副本并分别对它们进行样式设置这样做。我无法直接设置一个<span>的样式，因为多行文本的背景总是与前几行重叠，而当line-height很小时，这些字母的下降部分就被切断了，但这是另一个问题。
