有没有办法让 superfish 插件与菜单的高度相同？

Question

我正在使用superfish jquery 插件。 我试图使第二个子菜单与第一个子菜单具有相同的高度。 我还想将第二个子菜单放在菜单下方，如屏幕截图所示。 但我不知道该怎么做。 我已经尝试将父级设为 display: contents 但如果我这样做，一切都会停止工作

Answer 1

这可以通过添加两个 css-rule 来解决。

默认情况下，所有子菜单（即<ul> s）相对于父<li>元素绝对定位。 因此，要使三级子菜单相对于顶级菜单position: relative; ，请取消设置position: relative; 在所有二级<li> ：

.sf-menu ul li {
    position: unset;
}

要使第二个子菜单至少与第一个子菜单一样高，您可以在第二个子菜单的ul上设置min-height ：

.sf-menu ul li ul {
    min-height: 100%;
}

您可能希望在该 css 规则上设置背景颜色或进行一些进一步的样式设置以满足您的需要。