html - Firefox (3.6.3 Mac) 无法向左浮动一组左浮动列表项中的最后一个

Question

我在无序列表中有一组

元素。这些元素都向左浮动，它们之间有一点空间。问题是，最后一个列表项被换行了(不是在列表的末尾，而是在新行的最左边)。我不知道为什么。在 Mac Safari 和 IE 7 中渲染效果很好。

li 项的 CSS 将它们向左浮动:

list-style: none;
float: left;
padding: 1px 1px 0 1px;
margin-right: 1px;
border: 1px solid #2A3139;  /* to hold space for hover border */

另一个事实:无序列表在一个 div 中(用于剪辑目的；列表水平滚动)；

的 CSS 指定:

overflow: none;
position: relative;

(虽然我不认为这与问题有关......但人们永远不会知道)

Answer 1

容器 div 的宽度是否足以容纳所有 li 元素的宽度加上它们的边距和边框？否则，如果没有足够的空间， float 将换行到下一行。