如何在不同的线上右移两个跨度标签？

Question

我有三个span标签:一个是左侧浮动(A),另外两个是右侧浮动(B和C).

但是,我想要的是让C位于B下方,但两者都要向右浮动; 也就是说,在不同的路线上.我试图在B上使用display:block,但这似乎没有帮助.如何使用span标签(而不是div)来完成？

这是我的css:

#A {
  float:left;
}

#B {
  float:right;
}

#C {
  float:right;
}

非常感谢你.

Answer 1

所有您需要做的就是添加clear: right到#C.

请参阅: http ://jsfiddle.net/w7K4t/

<div id="container">
    <span id="A">A</span>
    <span id="B">B</span>
    <span id="C">C</span>
</div>


#A {
    float: left;
}
#B {
    float: right;
}
#C {
    float: right;
    clear: right;
}