css - 添加 float 时折叠的div

Question

我有一个 div，它有一个无序列表，周围有一个边框。当我将其中的文本设置为向左浮动时，它会折叠 div 并且边框会向上挤压。

不确定为什么会这样。

http://jsfiddle.net/chapster11/jSvdW/

更新:我只想首先感谢大家的回复，它帮助我更好地理解了这个问题。我找到了一个链接，我认为它可能会对遇到此问题的人有所帮助，它以非常简化的方式解释了溢出:隐藏和清除 float 技术。它还详细介绍了 float 。 http://css-tricks.com/795-all-about-floats/

Answer 1

改变这个CSS:

.support .hnav li a {
    text-decoration: none;
    background: url("sprites/sprite-icons.png") no-repeat scroll left top transparent;
    display: inline-block;
}

这就是你想要的吗？