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

Question

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

Answer 1

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

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

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

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

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

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