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

我有一个菜单，我希望菜单具有固定的高度，并希望垂直渲染菜单，而不是水平渲染。i、 例如，我希望菜单在达到一定高度后，在下一列中继续运行，这样就不会有空白。请看一下这个截图

我希望“入院台”菜单位于“患者”菜单下方，然后是下一个菜单，以此类推，这样就不会显示任何空白

这是我的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%;
}

---

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

使用新的css3列计数规则可以做到这一点[http://www.w3schools.com/css3/css3_multiple_columns.asp]. 根据W3K的说法，这在现阶段只适用于Firefox/Chrome/Safari。对于IE，菜单优雅地退化为一个长列。IE 10可能有用，但我无法验证

---

您需要简化标记以使菜单列正常工作。看[http://jsfiddle.net/sSwpZ/]举个工作示例。

Hi Naveed Butt，您是否可以将下拉菜单上传到（JSFIDLE）[以便更清晰。这是小提琴上的链接