固定高度和菜单中的重复列 - CSS

Question

我有一个菜单，我希望菜单具有固定的高度，并希望垂直呈现菜单，而不是水平呈现。即，我希望菜单在一定高度之后继续进行下一列，以便没有空白空间。请看一下这个截图...

我希望“入场台”菜单位于“病人”菜单下方，然后是下一张菜单等等......所以没有显示空格......

这是我的CSS ...

menurepository .submenudiv
{
    float: left;
    padding: 1px 3px 3px 2px;
    margin: 4px;
    text-align: center;
}
.menurepository .submenudiv h3
{
    color: #111111;
    font-size: 6pt;
    float: left;
    font-family: Tahoma;
    text-align: left;
}
.linkdiv
{
    clear: both;
}
.menurepository .submenudiv .linkdiv a
{
    color: #28A1E2;
    font-size: 7pt;
    clear: both;
    display: block;
    padding: 2px 0px;
    margin: 4px 4px 4px 0px;
    text-align: left;
    font-family: Tahoma;
    width: 100%;
}

Answer 1

FTColumnflow为您的问题提供了一个相当优雅的解决方案。