IE7：项目不浮动

Question

我试图在h2元素内向右浮动一个跨度。在IE8和Firefox中，这很好用;在IE7中，它不是浮动的。

HTML：

<h2>
    <span id="spanA"> /*Should be floated to the right*/
    <span id="spanB">
    <span id="spanC">
</h2>

CSS：

#spanA{
    float: right;
}

关于什么可能出错的任何想法？

Answer 1

span标记是内联元素，而不是块级元素。因此，根据规范呈现时它不会浮动。你有没有尝试添加display：block;到#spanA的css？

Answer 2

<h2>
    <span id="spanA"> /*Should be floated to the right*/
    <span id="spanB">
    <span id="spanC">
</h2>

添加此css：

h2 #spanA
{
float:right;
clear:right;    
}

Answer 3

您是否遇到this Ie7浮动错误？

Answer 4

所以请使用position:absilute和right:0;

这是最后的解决方案，我希望不会在其他选择中......