如何在右侧显示下拉菜单？答案

【问题标题】：how to display drop down on right side?如何在右侧显示下拉菜单？
【发布时间】：2015-12-13 06:08:39
【问题描述】：

我制作了一个可以在桌面和移动设备上运行的演示。我的问题是当我在桌面上检查时它工作正常（我的选项显示在标题上）。但是当我减小屏幕尺寸时移动到移动版本它不显示下拉应该在下拉列表中显示菜单选项这是我的代码 http://codepen.io/anon/pen/OyNLqa

#menubar li {
    display: inline;
    padding:0.5em;
    font-size:1.5em;
    color :red
}
#menubar li:last-child{
    color: black;
}
@media screen and (max-width: 400px) {
    .large {
        display: none;
    }
}

@media screen and (min-width: 400px) {
    .small {
        display: none;
    }
}
#menubar{
    float:right;
    position:relative;
}

#menubarCont {
    width: 100%;
    right:5em;
    position:relative;
}

当我运行我的程序时它工作正常但是当我缩小屏幕时它应该显示下拉菜单但它不显示为什么？

我需要如图所示在右侧显示下拉菜单吗？

【问题讨论】：

当我查看您的演示时，我看到缩小屏幕尺寸后的下拉菜单显示。它似乎按您的预期工作。它们是您没有看到变化的特定设备吗？
我正在检查浏览器..可以在 mac pro 上..可能是因为我使用的是小屏幕，为什么它不显示..我们可以向右移动..因为大屏幕中的标签可以我们在下拉菜单上使用浮动？
能否请您向右浮动到下拉菜单，以便所有屏幕都能看到

标签： jquery angularjs html css ionic-framework

【解决方案1】：

  #menubarCont {
        width: 100%;
        right:2em;
        position:relative;
    }

【讨论】：