我试图理解为什么以下在IE / Firefox和Chrome中产生不同的结果：
<a href="#">ABC <span style="position: absolute;">XYZ</span></a>
在IE7和Firefox 3.6中，“ABC”带下划线，而“XYZ”没有，并且它们之间没有可见空格，即它们一起作为“ABCXYZ”运行。
在Chrome 9中，整个字符串都有下划线，它们之间有一个空格，即“ABC XYZ”。
显然，他们每个人都以不同方式处理position: absolute，所以我试图找出原因。这个例子是从需要绝对定位的更大代码中提炼出来的，所以我试图让IE / Firefox和Chrome看起来都一样。
我试图在跨度上指定text-decoration: none以摆脱“XYZ”的下划线，但Chrome只是忽略了这一点。
答案 0 :(得分：1)
您是否尝试过将display:block;或display:inline-block;与span结合使用？
position:absolute;元素一起使用时， inline可能会出现问题（这是<span>的默认设置）