背景顏色不會出現在列表項後面

Question

由於某種原因，我的列表項不在我的UL元素中，這會干擾頁面的流動，並且看起來不正確。我嘗試了太陽下的每個位置元素，但沒有任何工作。我想知道是不是因爲我在設計一個不同的div而不是UL元素？

請參閱例如here

的紅色邊框是假設保存列表元素，如果一個列表的描述變得更長，那麼紅色背景應該成長爲好。

感謝

Answer 1

試試這個

ol, ul 
{ 
    overflow:auto; 
} 

請參閱更新的小提琴：http://jsfiddle.net/Uc5cr/8/

Answer 2

你LI有它float所以你要清楚自己的父母是UL。像這樣寫：

ul{ 
overflow:hidden; 
} 

入住這http://jsfiddle.net/Uc5cr/1/

Answer 3

發生了什麼事是，李的元素是浮動的，爲此和去在UL輪廓。您通常可以通過在CSS中使用clear: left;屬性清除LI元素來清除浮動元素，以解決此問題。

但是，由於這是在一個無序列表中，所以最好在UL元素上使用名爲「clearfix」的CSS hack來解決這個問題。這樣UL元件將在高度上跟隨LI元件。

例子：http://jsfiddle.net/mikaelbr/JkGRj/

注：有clearfix黑客的許多版本。做一個谷歌搜索找到一些，如果你有看到他們如何工作。

Answer 4

給予溢出：隱藏到div ERD背景，以遏制UI元素 檢查了這一點http://jsfiddle.net/Uc5cr/7/