0

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

我遇到的问题是我想要两套 UL，但它们会重叠。尝试在互联网上搜索此内容，但没有人做到我所做的。

可以在这里找到我尝试做的示例：http: //jsfiddle.net/DHbtx/2/ 在那里你会看到 2 UL 重叠，因为“float：left”并且没有块元素。我尝试添加一个 :after 伪元素，但没有用（来自：Multi-column issue with Horizo​​ntal scroll）

li:last-of-type:after {
  content: '';
  display: block;
  width: 15px;
  height: 1px;
  float: right;
  margin-right: -15px;
  margin-top: -1px;
}

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

4

1 回答 1

0

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

ul
{
  width: 50%;
  ...
}

小提琴

于 2013-07-02T13:23:55.020 回答