左浮动列表

Question

我想向左边浮动列表（DL），就像这篇帖子底部的图片一样。

如果我使用它：

dl {
    float: left;
    margin-bottom: 25px;
    vertical-align: top;
    width: 50%;
}

...然后，比较长的列表将放置在长列表的底部。在上述列表之后，他们不会继续。

你们任何人都可以告诉我我做错了吗？

提前谢谢......： - ）

Answer 1

你想要的东西可能不适用浮子。 AFAIK有JavaScript解决方案，但我现在似乎无法找到它们。

你可以尝试一件事，如果你不介意不支持IE是CSS columms。删除您的规则并使用以下代码

#parentElement { /* selector to the parent of your dl's */
  column-count: 2;
  -moz-column-count: 2;
  -webkit-column-count: 2;
}