如何在右側顯示下拉列表？

Question

我做了一個可以在桌面和移動設備上運行的演示。我的問題是當我在桌面上檢查它工作正常（我的選項顯示在標題上）但是當我減小屏幕尺寸移動到移動版本時它沒有顯示下拉菜單應該在下拉菜單中顯示菜單選項，這里是我的代碼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;
}

當我運行我的程序時它工作正常但是當我縮小屏幕時它應該顯示下拉菜單但它不顯示為什么？

我需要在右側顯示下拉菜單，如圖所示？

Answer 1

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