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）的宽度并使用溢出隐藏或自动来获得您想要的效果。