css - 如何在不同的行上向右浮动两个 span 标签？

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