列表不包含浮動列表項目

在下面的代碼中ul不顯示。這就像李的需要被清除，但我不能這樣做，因爲我有其他的浮游物，它會攪亂。爲什麼ul沒有包含它的li，並且有辦法讓它工作？（我只在Firefox中進行了測試）列表不包含浮動列表項目

來源

2011-01-09 Rob

默認情況下，沒有容器將環繞浮動項目。這是正常行爲，不是ul/li特別的。 – 2011-01-09 22:29:58

這真的很容易：

添加overflow: auto到ul規則。

Live Demo

我不知道你是什麼意思「但我不能這樣做，因爲我有其他的花車，它會惹」 - 你需要表現出更多的代碼並描述你想要更好一點。

來源

2011-01-09 22:28:18 thirtydot

非常感謝。這似乎有點奇怪，你必須補充一點，這是有原因的嗎？我不知道我是否應該清楚：left;某處，但這會弄亂頁面上的其他浮動，但現在沒有關係，溢出：自動工作完美 – Rob 2011-01-09 22:31:50

原因是一個問題，稱爲[「清除浮動」]（http://www.google。 COM /搜索？q =結算+浮動）。網上有很多關於它的文章，[這個]（http://www.quirksmode.org/css/clearing.html）看起來像一個明確的解釋。 – thirtydot 2011-01-09 22:34:33

我目前無法鏈接到演示，但我認爲將overflow: hidden;添加到ul的CSS應該可以工作。

來源

2011-01-09 22:30:19

列表不包含浮動列表項目

回答

相關問題