2011-09-13 59 views
0

這是我的主頁,我把它放在一起http://jsfiddle.net/u5VkN/,你可以看到有一個名爲#登錄框的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; 
} 

回答

0

這是因爲你有他們都設置爲clear:both,將#signup-box設置爲clear:left#login-boxclear:right,您應該沒事

+0

非常感謝。此外,如果你看看相同的代碼(也在這裏http://s361608839.websitehome.co.uk/salesboard/Salesboard_Mainpage.html),你知道爲什麼#mainFrame沒有把所有的div都放在裏面嗎?正如你可以看到它向上幾個像素。 – Tim

+0

可能是一個溢出的事情,在大型機上設置'overflow:auto'應該修復它,應該看看這個網站http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-你應該知道/解釋漂浮物我認爲... –

+0

太棒了,看起來像一個非常有用的文章。感謝你的幫助。 – Tim