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

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;
}

Answer 2

也许尝试在#A上添加宽度和高度。

Answer 3

在包含B的范围后添加换行符（＆lt; br /＆gt;）。

＆LT; span style =“float：left”＆gt; A＆lt; /跨度＆GT;

＆LT; span style =“float：right”＆gt; B＆lt; /跨度＆GT;＆LT; BR /＆GT;

＆LT; span style =“float：right”＆gt; C＆lt; /跨度＆GT;