浮动不正常

Question

这是我的主页http://jsfiddle.net/u5VkN/，你可以看到有一个名为#login-box的div在错误的位置。

它要去的地方是#mainFrame中＃signup-box的右边。

任何想法是什么？我认为这是我对花车的误解。 div有足够的宽度设置为它坐在右边，它浮动到左边所以它来到＃signup-box

之后

由于

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并且你应该没问题