右侧下拉菜单

Question

找到一个不错的下拉菜单：

演示：http : //www.jqueryload.com/examples/menu/

HTML、CSS 和 JavaScript：http : //www.jqueryload.com/jquery-dropdown-menu-with-google-style

我已将主菜单与浏览器窗口的右侧对齐。我想让选定的下拉菜单向左打开（如示例中所示，下拉容器比主菜单选择器宽）。换句话说，我希望有镜像。

这个菜单可以更新为我希望的那样工作吗？

Answer 1

.menu ul li {
    padding: 0;
    float: right;
    position: relative;
}

.menu ul li ul {
    position: absolute;
    border: 1px solid #C3D1EC;
    box-shadow: 0 1px 5px #CCCCCC;
    margin-top: -1px;
    display: none;
    padding: 0px 16px 0px 0;
    right: 0px;
    white-space: nowrap;
}

这将使其与右侧对齐。使用的 CSS 包括position:relative和float:right在<li>'s 和right:0px和white-space:nowrap在嵌入的<ul>'s 上