css - 获取列表溢出发生在 x 轴/水平

Question

我有一个包含 3 个元素的列表，这些元素具有一定的大小，可以放入容器中（<fieldset>只能容纳一个列表项。

现在，其他列表项在下面溢出，我需要在 x 轴上向右溢出。

这是我正在谈论的图片：

这是发生这种情况的页面：https ://dl.dropboxusercontent.com/u/270523/help/setup.html

关于如何实现这一目标的任何想法？

Answer 1

首先，这是使用 fieldset 元素的一种相当奇怪的方式。在我看来，一个 div （或者可能是一个部分）元素在语义上会更有意义。

其次，要达到我认为您正在寻找的效果，您需要为包含您的三张幻灯片的元素分配一个宽度（默认情况下，宽度设置为自动，这意味着该元素的子元素将分解为下一个假设它们是块元素的行）。为元素 ul#slides 分配 1200px 的宽度。

接下来，在您的包装元素上将溢出属性设置为自动，在您的情况下为 fieldset 元素。这应该有望使您开始走上正确的道路。