链接中两个跨距之间的空间是不可擦除的

Question

我有以下html代码：

<a href="#">
 <span class="span1">test</span><span class="span2">test</span>
</a>

和css代码：

.span1{float: left; }
.span2{float: right; }

因此链接是test test，在"test"one_answers"test"这两个词之间有大约40px的空间。我只是通过使用css创建空间，而不是通过 或用键盘键入空格。

单词"test"one_answers"test"都是可点击的，但它们之间的空格不是。

如何使两个跨距之间的空间可以单击？我试图将两个span标记都包装在另一个span标记中，但没有帮助。

谢谢。

Answer 1

由于span s被强制进入block显示（由于已赋予它们float属性），您需要确保a也具有block显示和overflow: hidden或clearfix，以便它一定完全包含其内容占用的空间（和中间空间）：

a {
    display: block;
    *zoom: 1;
}
a:after {
    clear: both;
    content: " ";
    display: table;
}
.span1 {
    float: left;
}
.span2 {
    float: right;
}

编辑：基于IE7:中报告的怪异

*+html a * {
    cursor: pointer;
}