CSS在固定高度菜单中包装li项目

Question

我有点难过。我试图使用父/子无序列表创建一个简单的菜单结构。我试图找出实现下图所示菜单显示所需的css的路障： 这是一个示例html菜单结构

＆＃13;

＆＃13;

<ul>

＆＃13;

＆＃13;

＆＃13;

正如您所看到的，1级<li>有6个<ul>个不同高度的项目，具体取决于2级display:inline-block;的内容。

出于某种原因，我完全在如何用css实现这种显示效果上画了一个空白。 <li>无法正常工作，<li>数字5和6只显示在新行上，{{1}} 2,3和4下方有大量空白区域。