html - IE7 一个tag float left bug

Question

HTML

 <a href="#">M1</a>
 <a href="#">M2</a>
 <a href="#">M3</a>
 <a href="#" class="front">FirstONE</a>

CSS

a.front{float:left;}

在线样本:http://jsbin.com/anirot/2

其他浏览器还好，只是IE7，看起来front 类不能显示在最前面。有什么技巧可以解决它吗？我已经尝试显示内联或 block ，根本没有帮助。甚至 *display:inline, zoom:1

谢谢

Answer 1

在 HTML 中将 front 链接放在其他三个链接之前。如果您需要已显示的精确 HTML 结构，请通过仅适用于 IE7 的 JavaScript 将元素移动到 HTML 中的相应位置。