爲什麼我的浮動列表項目堆疊？

通常，我可以將CSS自己排除在任何角落，但是這個星期五下午的問題正在接近我！爲什麼我的浮動列表項目堆疊？

Here is the problem。將鼠標懸停在菜單項目（生日，婚禮，...）上並觀察下拉菜單。

最初，我有這些列表項漂浮左罰款。我已經在網站的其他部分使用了CSS，並且由於我再次檢查了它們，所以他們拒絕相互浮動。他們只是堆積起來！

它可以工作，如果我給他們一個明確的寬度，但我不知道從一開始他們將有多寬，他們將完全（動態生成）。

我正在Firefox 3.6.8上查看它。 Safari上也出現這個問題。我還沒有測試任何其他瀏覽器。

我在做什麼錯？

謝謝！

2010-09-10 alex

什麼是你用CSS在星期五下午在做什麼？ – BoltClock 2010-09-10 03:54:09

@BoltClock被CSS咬住的最糟糕的時間。至少它不是IE錯誤。（*不寒而慄*，尚未在IE中測試過佈局） – alex 2010-09-10 03:57:25

@BoltClock有人渴望複製編輯器：P – alex 2010-09-10 04:10:29

嘗試＃2

white-space:nowrap;的伎倆。將其設置在容器上 - #secondary-menu ul li ul。現在子菜單是一條長線（在螢火蟲嘗試）。

非常方便的屬性，我可能有一天也會用它。

2010-09-10 03:24:19

啊，如果我真的希望他們堆放，它會更好看。但我不，對不起。不管怎麼說，還是要謝謝你。 – alex 2010-09-10 03:27:29

@alex你能澄清一下「浮動相鄰」是什麼意思？你想要他們在一行嗎？ – 2010-09-10 03:28:24

這個伎倆！我也必須刪除'width：100％'。 – alex 2010-09-10 03:58:55

使用螢火蟲，我改變寬度的#secondary-menu ul li ul到50em並理順...

#secondary-menu ul li ul寬度似乎是從一個容納箱以某種方式來計算。但是，它包含的數據100％是什麼？這沒有意義。

嘗試把周圍的ul菜單div是position: absolute，然後ul可以調整裏面......

2010-09-10 03:53:16 DGM

我不能給它'50em'，因爲我希望背景的寬度只有它所需要的寬度，而不是固定的。我現在可能會嘗試你的第二個建議。感謝您的回答。 – alex 2010-09-10 03:56:36

我認爲設定大小不起作用，但它說明發生了什麼問題。我認爲100％不會做你想做的事。 – DGM 2010-09-10 18:50:24

回答