下拉菜单 - 最后一项离开屏幕

Question

尝试将下拉项目的右边距添加到最后一个菜单项。

这是菜单： https://jsfiddle.net/5tymk7o4/11/

这就是我想要的：

以下是我的尝试：

.dropdown-menu {
right: 0; 
 /* or */
margin-right: 0px;

}

两者都运作良好

我也试过  1.为UL增加正确的保证金  2.使UL相对并加右：o到LI ......

一切都徒劳......

我发誓我在发布这个问题之前已经找了好一会儿。 谢谢！

Answer 1

如前面的答案中所述，您可以使用右：0表示该特定项目。

要避免定位其他菜单项，请使用此选择器：

#menue .menu-item:last-child .dropdown-menu {
    right: 0;
    left: initial;
    margin-right: auto !important; /* Only if you can't delete the inline margin-right applied to this element */
}

这将仅将css应用于最后一个菜单项中的下拉菜单，保持其余部分的对齐方式。

Answer 2

替换最后一个菜单项的ul的内联页边距：1200px：

left: auto; right: 0;

Answer 3

如果你添加右：0，左边必须是自动工作你想要的

.dropdown-menu {
    left: auto;
    right: 0;
}