浮動小数点が正しく動作しない

Question

ここに私のホームページがあります。http://jsfiddle.net/u5VkN/を参照してください。間違った場所に＃login-boxというdivがあります。

行くためのものだ#mainFrame内の＃のサインアップ・ボックスの右側にあります。

何がいいですか？私はフロートの私の誤解だと思う。それが右に座ってのためにdivが十分な幅が設定されているとそれだけで＃サインアップボックスの後に来るので、それはCSS左に

おかげ

を浮かべ：あなたが持っているためです

#signup-box{ 
width: 560px; 
height: 250px; 
font-size: 18px; 
float: left; 
clear: both; 
} 

#login-box{ 
width: 200px; 
height: 250px; 
float: left; 
clear: both; 
} 

Answer 1

両方ともclear:bothに設定されている場合、#signup-boxをclear:leftと#login-boxからclear:rightに設定してください。