找到一个不错的下拉菜单:
演示: http://www.jqueryload.com/examples/menu/
HTML、CSS 和 JavaScript:http://www.jqueryload.com/jquery-dropdown-menu-with-google-style
我已将主菜单对齐到浏览器窗口的右侧。我想让选定的下拉菜单在左侧打开(如示例中所示,下拉容器比主菜单选择器宽)。换句话说,我希望有镜像。
这个菜单可以更新以按我希望的方式工作吗?
最佳答案
.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>
的
关于css - 右侧下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7654480/