将下拉ul列表与下拉导航顶部的高度对齐

Question

我使用下拉菜单，但有一个问题。 当我打开下拉菜单时，我单击的属于li元素的ul列表与li元素的高度相同，但是我想将该ul列表与先前的ul列表对齐，以便在ul列表上打开右侧将在下拉菜单的顶部。

希望你能理解。 我在帖子下方附加了2张图片。 第一个图像是当前下拉菜单通常的工作方式，第二个图像代表了我想要实现的结果。

谢谢您的帮助

旧的下拉导航

新的下拉导航

Answer 1

试试这个CSS

@media (min-width: 768px) {
    .dropdown-submenu {
     }
.dropdown-submenu .dropdown-menu {
    top: 0px;
    left: 100%;
    margin-top: 0;
    border-top-left-radius: 0;
    position:absolute;
    height: 100%;
    }

顺便说一下，这不是问题，这是如何工作的:)