css - 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 仍然是 wrap。我试图让它们都出现在一条从页面最右边离开的不间断的水平线上。

Answer 1

尝试删除float:left就display:inline足够了

Answer 2

当您浮动 li 时，它们将在到达其父容器（可能是 body 标签）的末尾时包裹。如果您希望图像从屏幕上消失，您需要设置父容器（ul）的宽度并使用溢出隐藏或自动来获得您想要的效果。