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

Question

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

Answer 1

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

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

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

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

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

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