当框的高度受限时，在新行上继续列表

Question

我目前正在进行菜单设计，我一直在摆弄几种不同的布局和技术。目前我正在寻找悬停菜单设计，扩展框包含链接。唯一的问题是因为我将框设置为max-height: 400px;，这意味着我创建的任何列表，例如。 <li>1</li><li>2</li>等只是继续向下并在它外面而不是下一行。有人知道如何强迫它向右移动并表现得像是在开始一个新的清单吗？

Answer 1

使用CSS3 column-count属性，这会将内容分成3个部分，支持仍然很冒险，但这将是您正在寻找的完美方法

Demo

div {
    background: #eee;
    height: 120px;
    column-count:3;
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
}