有没有办法让 superfish 插件与菜单高度相同？
Is there a way to make superfish plugin same height of the menu?
我正在使用 superfish jquery 插件。我正在尝试使第二个子菜单与第一个子菜单具有相同的高度。我还想将第二个子菜单放置在菜单下方，如屏幕截图所示。但我不知道该怎么做。我试过将父级设置为 display: contents 但如果我这样做，一切都会停止工作
这可以通过添加两个 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 规则设置背景颜色或进一步设置样式以满足您的需要。
我正在使用 superfish jquery 插件。我正在尝试使第二个子菜单与第一个子菜单具有相同的高度。我还想将第二个子菜单放置在菜单下方，如屏幕截图所示。但我不知道该怎么做。我试过将父级设置为 display: contents 但如果我这样做，一切都会停止工作
这可以通过添加两个 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 规则设置背景颜色或进一步设置样式以满足您的需要。