浮動DIVS - 無理由重疊一次？

......我的意思是「無理由」;出於某種原因，我很清楚（而且可能很有說服力）俯視。這是一個NOOB問題 - 但我對我的生活無法弄清楚我的浮動div有什麼問題。浮動DIVS - 無理由重疊一次？

我有一個div容器（#wrapper指定），裏面有幾個div的 - 其中具有菜單（#menu）項的內容區域（＃內容）漂浮剩下;和一個div來存放文本（目前還沒有ID）。

我認爲將它們對齊左邊會讓兩個div彼此正對着;但它不是那樣工作的。帶有文本的框與用於佈局的菜單重疊。我還必須將文本PRIOR放置在代碼中的菜單中;否則它會出現在主菜單下面（這不應該是正常的行爲 - 它應該坐在其他div！

我知道我可以設置寬度和浮動文本右 - 但它已被要求頁面縮放的瀏覽器頁面。

我知道這是愚蠢的東西，簡單的說我俯瞰...但我無法看到它。任何幫助將是熱的！在此先感謝。

2012-10-30 Cody S

奇怪。當我點擊它時它工作正常！我想嘗試：http://www.codysilfies.com/kenji/beta.html –

HI現在在您的float rightdiv

如同t他

<div style="float:right;margin-left:190px;">

結果是

2012-10-30 05:35:02

正確 - 但文本內容仍然推動菜單內容在div下面（菜單應該是它的一半大小 - if那）。理想情況下，菜單位於文本旁邊，只是這兩個菜單項的高度。如果你這樣做：

和

- 這兩個div彼此相鄰。爲什麼我的行爲不一樣？ –

還記得盒模型。當它與結構更相關時，對浮動元素給出寬度通常是一個好主意，因爲這是相對於圖像而言的。這也將有助於在IE 7和8的側面問題。

2012-10-30 05:44:44

菜單確實具有固定的寬度 - 另一個沒有的唯一原因是因爲如果用戶調整窗口大小或調整窗口大小，我需要內容才能展開/摺疊。設置一個寬度可以防止這種情況發生，並且它不能解決重疊問題。 –

解決方案只是我愚蠢。我忘了添加一個浮動菜單。 D'哦！

2012-10-31 04:54:38

回答