CSS（3）列，多个ul'；s

我在一个水平滚动的网站上工作。站点上的元素被放置在UL>LI结构中，以创建多个块

我的问题是我想要两套UL，但它们会重叠。我试着在互联网上搜索这个，但是没有一个像我这样做

我尝试做的例子可以在这里找到： 在这里，您将看到2ul重叠，因为“float:left”和没有块元素。我尝试在伪元素之后添加：但没有成功（从：）

li:类型的最后一个：之后{
内容：''；
显示：块；
宽度：15px；
高度：1px；
浮动：对；
右边距：-15px；
页边顶部：-1px；
}

---

有人能帮我解决这个问题吗？我非常感谢您能提供的任何帮助。

尝试给ul元件一个宽度，比如50%

ul
{
  width: 50%;
  ...
}

---

谢谢您的回复。问题是，我不知道这两个UL都需要多长时间，其中有多少项。这都是变数。。。