Question

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

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

HTML，CSS＆amp; 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>

右侧下拉菜单

1 个答案: