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就足够了