Переопределить переполнение-x, скрытое для дочернего элемента

Question

У меня есть класс-оболочка со следующими свойствами CSS;

#wrapper { 
    margin-left: -320px; 
    left: 350px; 
    width: 300px; 
    position: fixed; 
    overflow-y: scroll; 
    overflow-x:hidden; 
    top: 60px; 
    bottom: 10px; 
    transition: all 0.4s ease 0s; 
} 

#wrapper.affix-top { 
    position: fixed; 
} 

Это левая боковая панель со свитком-y. Теперь я хочу выпадающее меню справа, прямо в конце обертки. Но так как свойство overflow-x: hidden Отображается только частичное раскрывающееся меню. Как я могу сделать всплывающее окно без фактического вмешательства в оболочку? Если я удалю overflow-x, выпадающий список попадет в div и будет доступен с помощью прокрутки, но я хочу, чтобы выпадающее меню появилось.

Answer 1

Если я понимаю правильно, вы должны Переполнение в автоматический режим:

overflow-y: auto; 
    overflow-x: hidden; 

С переливом авто свиток появляется только тогда, когда это необходимо.