浮动li在ul，ul与溢出：自动生成垂直滚动条

Question

我有一个<ul>与几个漂浮<li>的。我做了我的标准css overflow:auto;清除浮动，并有<ul>匹配的孩子的大小。这在webkit浏览器中效果很好，但是在Firefox中它会生成一个垂直滚动条。我通过使用overflow: hidden;解决了问题，但我很好奇，如果有人知道为什么overflow:auto;在<ul>元素中产生此行为。有人知道吗？

Answer 1

你说你匹配儿童的大小，这意味着你已经设置了高度/宽度<ul>，所以如果没有足够的高度，那么可能会出现垂直滚动条。此行为可能会因浏览器对差异边距，填充，默认等的解释而有所不同。

Answer 2

没有溢出：无。默认值是“可见的”。用overflow：auto解除了你想要的浮点遏制。

如果你设置溢出，那么不要在ul上设置高度。在溢出的元素上设置高度实际上是要求孩子得到切断（溢出：隐藏）或强制滚动条（自动）。不要在父级上设置尺寸“auto”，没有理由首先创建任何滚动条。

没有看到任何代码，可能浏览器之间的区别只是字体渲染。也许你的火狐浏览器里面的文本只是一个更大的头发。让李的更大。使他们需要溢出他们的固定高度的容器。

虽然如此，并且由于某种原因，您确实需要在控制溢出的父级上设置高度，但请尝试在em中设置高度。然后，只要文本不换行到新行，它可以随文本增长一点。

你也可以使用任何其他浮法遏制代码，如果这个代码是高挑的。