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

Html CSS在固定高度菜单中包装li项,html,css,Html,Css,我有点不知所措。我正在尝试使用父/子未排序列表创建一个简单的菜单结构。我遇到了一个障碍,试图找出实现下图所列菜单显示所需的css: 下面是一个示例html菜单结构 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 可能会有帮助:我认为在纯CSS中实现这种效果的唯一方法是使用CSS列。您可能需要使用JavaScript库。谢谢各位。这正是我想要的。难

我有点不知所措。我正在尝试使用父/子未排序列表创建一个简单的菜单结构。我遇到了一个障碍,试图找出实现下图所列菜单显示所需的css: 下面是一个示例html菜单结构

项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目 项目
可能会有帮助:我认为在纯CSS中实现这种效果的唯一方法是使用CSS列。您可能需要使用JavaScript库。谢谢各位。这正是我想要的。难怪我的大脑不能想出标准的css: