html - IE7一个标签浮动左边的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类不能显示在前面。有什么技巧可以解决吗？我试过显示内联或块，根本没有帮助。甚至*display:inline, zoom:1

谢谢

Answer 1

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