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儿童链接。

Answer 2

尝试

ul.super-child:last-child, ul.super-child:nth-last-child(2) { 
    right: 0px; 
} 

的2容器将适合的观点了。