右の2つのスパンタグを異なる行に浮かべる方法はありますか？

Question

私は3つのスパンタグを持っています：1つは左に浮動し（A）、他の2つは右に浮かせます（BとC）。

しかし、私が欲しいのはCはBの下に位置させることですが、両方を右浮上させること。つまり、異なる行に表示されます。私はdisplay：blockをBで使ってみましたが、それは役に立たないようです。 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

改行を追加します（< BR />）B.を含むスパン

<スパンのスタイル= "フロート：左" の後に> </span>の

<スパンのスタイル= "フロート：右 "> B </span>を< BR />

<スパンのスタイル=" フロート：右 "> C </span>の