這些ul爲什麼不能在IE7中正確地浮動？

Question

我試圖讓這個菜單在IE7中工作。我已經壓扁了每一個bug，但這一個。 當您懸停列表項目時，彈出式抽屜中的UL不會正確浮動。如果您查看Chrome中的頁面，那就是我之前設置CSS的方式（顯示內嵌塊等）。那也沒用，所以我試着將它們左移。

浮動左側固定了一個問題，我在每個li的左側添加了額外的文本縮進，但是ul仍然不能正確浮動。

有沒有人有任何想法？

http://playground.willpracht.net/megaMenu.html

Answer 1

重做代碼才能刪除，因爲許多>選擇的，你可以。他們正在更加難以處理。這就像給所有事物做一個身份證，並且越來越重要的東西越來越長。 老實說，我會有子divs而不是菜單，因爲你使第一個李看起來像標題，但語義上使他們沒有不同於所有其他的鏈接。帶有鏈接的實際標題使語義更有意義。例如，有一個叫做工具的鏈接，其餘的兄弟鏈接是......工具。

無論如何，當浮動的東西，看看你的寬度。我看到很多沒有聲明寬度的元素。在IE中，使用浮動，這很重要。我會設置子div的寬度（它們可以是em，如果你願意的話），然後在裏面設置浮點ul的寬度。它們的總寬度不應該等於100％。例如，如果一個div寬度爲140px，那麼不要嘗試兩個寬度爲70px的浮動ul，儘管這應該適合，並且會在大多數瀏覽器中使用。

我有一些示例超級菜單，如果你想看，但有很多已經在那裏，我不相信我有一個與浮動ul的子菜單。