如何让超级菜单从链接的左侧而不是右侧开始

Question

Example

我希望我的下拉菜单从菜单的左侧而不是右侧开始。我曾尝试使用诸如 left:0; 之类的属性。在 .dropdown 上无济于事。如何让它从左边开始而不是在按钮下方开始？

相关代码

.dropdown{
position: absolute;
top: 100%;
left:0;
width: 100vw;
transform: translateY(10px);
opacity: 0;
pointer-events: none;
transition: .5s;
}

.dropdown ul{
position: absolute;

}

Answer 1

如果我没看错，你需要添加这一行

左：-150px;这会将菜单移动到其当前位置的左侧，只需根据需要修改像素即可。

.dropdown{
    position: absolute;
    top: 100%;
    left:-150px;
    width: 100vw;
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none;
    transition: .5s;
}