css - 右侧下拉菜单

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> 上的和right:0px和 white-space:nowrap在嵌入式上 <ul>的