javascript - Firefox中的 float 右对齐问题

选中此Fiddle。注意箭头图标，它位于第一行（在Chrome和IE中）。当我在Firefox中打开同一控件时，其对齐方式会更改。为什么会发生？有什么解决办法？

.arrow{
   float:right;
}

PS：Imran和Kheema所建议的解决方案不是我想要的。我不想更改HTML结构，在这种情况下，我将不得不在很多地方进行更改。

最佳答案

请看这个演示。该箭头在Firefox中的位置与在Google中显示的位置相同。

所以我在这里做什么。我切换了行，即将span标记放在a标记之前。

<span class="arrow arrow_up"></span>
<a href="doc4.html" name="doc4" target="_blank">doc4</a>
<div style="" class="toggle"><div>

另一个解决方案是从white-space: nowrap;和th中删除​​td

th, td {
    /*white-space: nowrap;*/
}

检查更新的Demo。