html - css定位下拉子菜单

Question

在我的网站上有 css 子菜单。问题是最后两个子菜单从屏幕上消失了。

我怎样才能保持这个子菜单的位置？

有一些小的 css 调整，代码很长，所以我不会在这里发布完整的代码。这是有问题的现场链接 www.brandstik.in

Answer 1

您需要将最后 2 或 3 个菜单链接作为目标来管理它们的子菜单位置:

CSS:

.main-category-nav > li:nth-last-child(1) ul.super-child, 
.main-category-nav > li:nth-last-child(2) ul.super-child, 
.main-category-nav > li:nth-last-child(3) ul.super-child {
    right: 0;
}

这将更改最后 3 个子链接的子菜单位置。