Css 使列表溢出发生在x轴/水平方向上

Css 使列表溢出发生在x轴/水平方向上,css,Css,我有一个包含3个特定大小的元素的列表,这些元素适合于一个容器(只能容纳一个列表项的) 现在,其他列表项在下面溢出,我需要溢出到x轴的右侧 下面是我所说内容的图片: 这是发生这种情况的页面: 关于如何实现这一点有什么想法吗?首先,使用fieldset元素是一种相当奇怪的方式。在我看来,div(或者section)元素在语义上更有意义 其次,为了达到我认为您想要的效果,您需要为包含三张幻灯片的元素指定一个宽度(默认情况下,宽度设置为自动,这意味着元素的子元素将分解到下一行,假设它们是块元素)。为元

我有一个包含3个特定大小的元素的列表,这些元素适合于一个容器(只能容纳一个列表项的

现在,其他列表项在下面溢出,我需要溢出到x轴的右侧

下面是我所说内容的图片:

这是发生这种情况的页面:


关于如何实现这一点有什么想法吗?

首先,使用fieldset元素是一种相当奇怪的方式。在我看来,div(或者section)元素在语义上更有意义

其次,为了达到我认为您想要的效果,您需要为包含三张幻灯片的元素指定一个宽度(默认情况下,宽度设置为自动,这意味着元素的子元素将分解到下一行,假设它们是块元素)。为元素ul#slides指定1200px的宽度


接下来,在包装元素上,将overflow属性设置为auto,在您的例子中是fieldset元素。这将有助于您开始正确的工作。

请共享您的代码:)