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来获得所需的效果。