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

Question

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

Answer 1

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

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

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

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

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

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