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

Question

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

Answer 1

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

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