CSS：为什么我的名字是浮动的<；span>；显示在一个<；a>；nchor位于IE6/7，但不是IE8/FF

我在ie6/7中遇到了一个奇怪的CSS错误（但在ie8或firefox中没有）：出于某种原因，我的锚和

，两个内联元素，在同一行上，显示在不同的行上。跨度也向右浮动

以下是HTML：

  <div class="sidebartextbg"><a href="journey.php" style="width:50%"
   title="Track past, present and future milestones during your employment">Journey</a>
<span class="notificationNumber">2</span>
    <!-- JOURNEY COUNT: end -->
  </div>

---

那么：为什么浮动跨度会显示在锚下的线上？谢谢

有时它有助于设置

缩放：1或<代码>位置：相对

修复一些ie loolz。

不知道实际问题的答案，但一个简单的修复方法是将锚点向左浮动或切换代码中的锚点和span标记。（跨度，然后锚定）即

2.

只需在锚定标记上应用一个左浮点，就可以解决问题

  .sidebartextbg a {float:left;}

---

尝试将浮动元素放在标记中的锚点“”之前，不要忘记将

溢出：隐藏

添加到父

div

。

<div class="sidebartextbg">
<span class="notificationNumber">2</span>
<a href="journey.php" style="width:50%" title="">Journey</a>
</div>

  .sidebartextbg a {float:left;}