背景颜色不会出现在列表项后面

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/