将下拉列表中的下拉列表对齐到下拉导航顶部的相同高度

时间:2018-02-04 17:16:08

标签: javascript jquery html css twitter-bootstrap

我使用下拉菜单,我有一个问题。当我打开下拉菜单时,我点击的属于li元素的ul列表出现在与li元素相同的高度,但我想将该ul列表与之前的ul列表对齐,以便在列表中打开ul列表右侧将位于下拉导航的顶部。

希望你理解。我在帖子下面贴了2张图片。在第一个图像是当前下拉列表它通常如何工作,第二个图像代表我想要达到的结果。

感谢您的帮助

Old drop-down navigation

New drop-down navigation

1 个答案:

答案 0 :(得分:0)

试试这个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%;
    }

顺便说一下这不是问题,这是怎么回事:)