Firefox CSS nowrap问题

Question

我正在尝试用下面的代码在我的网站上创建一个水平的(没有换行符)无序的图片列表：

<ul class="ImageSet">
    <li>
        <img src="blah">
    </li>
    <li>
        <img src="blah">
    </li>
    <li>
        <img src="blah">
    </li>
</ul>

在我的CSS中，我使用了以下规则：

.ImageSet { white-space: nowrap; }
.ImageSet li { display: inline; float: left; height: 100% }

这在Chrome中可以正常工作，但在Firefox中却无法正常工作，出于某种原因，有人知道为什么吗？

编辑:为了澄清，FF中的问题是li仍然是换行的。我试图让它们都出现在一条不间断的水平线上，从页面的最右边开始。

Answer 1

尝试删除float:left，因为display:inline应该就足够了

Answer 2

当你浮动li的时候，当它们到达父容器(可能是body标签)的末尾时，它们会被包装起来。如果你想让图片从屏幕上消失，你需要设置父容器( ul)的宽度，并使用overflow hidden或auto来获得你想要的效果。