CSS(3)列,多个ul

时间:2013-07-02 12:54:56

标签: css3 multiple-columns pseudo-element

我在横向滚动网站上工作。站点上的元素放置在UL>中。 LI结构,创建多个块。

我遇到的问题是我希望彼此之后有2套UL,但它们会重叠。试图在互联网上搜索这个,但没有人做了我做的。

我可以在此处找到我尝试做的示例:http://jsfiddle.net/DHbtx/2/ 在那里你会看到2 UL重叠,因为“float:left”并且没有块元素。我尝试添加:after伪元素,但没有工作(来自:Multi-column issue with horizontal scroll

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

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

1 个答案:

答案 0 :(得分:0)

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

ul
{
  width: 50%;
  ...
}

<强> FIDDLE