UL底部边框，浮动LI没有设置高度

Question

我设置了一个jsFiddle来展示我正在做的事情：

http://jsfiddle.net/UfzCS/

基本上我在UL上设置的边界（需要一直穿过）显示在LI上（而不是在下面），因为LI向左浮动。这有什么解决方法吗？我知道我可以设置一个高度，但我可以使文本变成可变大小，以便高度可以动态变化。

Answer 1

您的LI已经浮动，因此UL不知道将它们包裹起来。

解决此问题的一种简单方法是制作UL float: left或向其添加overflow: hidden。