纯 CSS 可滚动垂直菜单
可滚动的垂直菜单对于使我们的网页紧凑非常有用，因为显示占据整个视口高度的所有列表项可能不可行。让我们使用纯 CSS 创建一个可滚动的垂直菜单。
Bellow 提到并描述了创建此布局所需的类。
- pure-menu：它是生成水平菜单的默认类。它可以包含列表形式的菜单项和标题。
- pure-menu-horizontal：它是添加到默认垂直“pure-menu”中以使其成为水平菜单的类。
- pure-menu-list：它是包含菜单项的无序列表的类。此列表中的列表项必须具有“pure-menu-item”类。
- pure-menu-item：它是添加到此列表内的列表项的类。
- pure-menu-heading：为菜单列表内外的标题添加的类。默认情况下，它将里面的文本大写。
- 纯菜单可滚动： 当网站的宽度不适合菜单大小时，它是使纯菜单水平滚动或轻弹的类。
- pure-menu-link：它是添加到菜单项内的链接的类。
- menu-custom：用户定义的类，用于指定可滚动菜单的高度。如果未指定，则菜单将采用显示所有项目所需的整个高度。
句法：
注意：不要忘记添加纯CSS CDN才能使用纯CSS框架
例子：
HTML
Scrollable-vertical-menu
输出：
可滚动的垂直菜单
参考： https ://purecss.io/menus/