Question

关于span标签和a标签

要做的效果是这样的

正确答案的代码如下

问题是为什么span要放在a 标签的前面？如果放在a标签的后面就会出现错位，如下图：

上图是在IE6下才会出现这样的情况，为什么？

当然我知道可以给a标签添加float:left来解决，可我想知道正确答案为什么那样写。原因在哪里？





Answer 1

不，即使在ie6下，如果a加了左浮动，span加右浮动还是会错位，只有把右浮动的元素放在左浮动的元素前面才不会错位，因为原来右浮动的解析就是越前面右浮动的元素在最右边，比如两个都是right的，一个1和2，如<span>1</span><span>2</span>如果都是右浮动的话显示效果是： 21 。所以理论上本来右浮动的元素就应该是在前面的，只是后来的浏览器应该是有做修正。其实这是一个浏览器内核渲染的问题吧，float元素脱离文档流，在ie6里就会出现各种莫名奇妙的问题....

Answer 2

你好，个人见解，把<span>标签放在后面错位的原因是，<a></a>中的文字信息长度不一致导致的