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

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的span后添加换行符（ <br/> ）。

<span style="float:left">A</span>

<span style="float:right">B</span><br/>

<span style="float:right">C</span>