Как помешать Flex-Box вытащить другие элементы из контейнера? ⇐ Html

[Anonymous]

Это немного сложно объяснить, но рассмотрите гибкий заголовок с меню, а затем кое -что еще справа, что является фиксированной шириной. Поскольку размер окна уменьшается по ширине, меню меньше. В конце концов, меню выталкивает другую вещь из контейнера. >

Примечание как как «Другая вещь» выпадает вправо. Тем не менее, это также предотвращает демонстрацию раскрывающегося меню, конечно. Я пытался обойти это, установив переполнение-х: скрытый; Overflow-y: видимый Но это, по-видимому, не является допустимой настройкой. />
(игнорируйте этот "элемент 1 "был скрыт. В реальном коде." Пункт 5 "был бы перенесен в меню переполнения - не включено в демонстрацию здесь.)
Вопрос
Как я могу заставить его работать как нижний пример, но без добавления переполнения: скрытый в меню? То есть, как я могу помешать Flex-Box вытащить «другую вещь» вправо?

Подробнее здесь: https://stackoverflow.com/questions/711 ... -container