Html 子菜单超出了页面的可用高度，可能的解决方案是什么？

我只使用HTML和CSS创建了一个简单的垂直导航栏，并添加了子菜单。现在的问题是，较低导航菜单的子菜单有很多链接，导致子菜单超出页面高度。截图更好地解释了-

如您所见，子菜单超出了网页的高度，页脚（带©符号的深灰色条带）最终漂浮在半空中。最大的问题是

“outerwear”

有更长的子菜单，最后我向下滚动查看其余隐藏的链接

是否有一种仅使用HTML和CSS的解决方案？是否可以将子菜单的下边距（不是技术意义上的）与主菜单的下边距对齐

---

编辑：下面是代码-

子菜单列表项的变化，因此我认为不定义单独的类是不可能实现的，因此您必须为底部菜单定义单独的类，并根据

---

在这里，我所做的是，

我不认为您正在解决一个更大的问题，因为这样大的下拉菜单根本不利于用户。看看如何使用一个大的下拉菜单，或者在登录页面上将子菜单分成几个子菜单。在没有看到页面或任何代码的情况下，我们应该做什么？@ckaufman-是的，我知道。但这是客户的愿望。我告诉了他，甚至给了他一个更好的解决方案：在水平导航（位于顶部）上再添加一个标签，就像你说的，添加一个大的下拉菜单。他不感兴趣，坚持要有一个垂直的。@Sparky672-我认为HTML和CSS非常简单，但我要补充一点。请在你的问题中包括代码。否则，当链接失效时，这些问题对未来的读者毫无用处。