Css overflow В флекс контейнере?

Question

[Haykeloff]

Добрый день. У меня есть флекс контейнер с кнопками и горизонтальным скроллои (Клик). Как можно сделать, чтобы элементы которые не помещаются на экране не обрезались посередине, а просто не были видны?

Answer 1

[approximate solution]

Если я Вас правильно понял, вы хотите что бы button, которые не влезают в родителя, автоматом скрывались и не портили вид обрезанным куском?
Вот похожая реализация, только вместо того, что бы закидывать элементы в burger, вы вешаете на них свойство display: none;
https://codepen.io/lukejacksonn/pen/PwmwWV

Comments

[historydev]

Нет. Человек хотел добиться работы флекса в обычном режиме в контейнере с включённым overflow, посмотрите мой ответ, добавьте высоту 200 пикселей.

[Haykeloff]

Спасибо за ответ, но не совсем. Посмотрите мой комментарий под ответом Владимир а

[approximate solution]

Haykeloff, ну судя по прочитанному - overflow-x: scroll. Ваш родитель "режет" контент который выходит за границы, но оставляет вам scroll. Пишите его родителю, но в любом случае у вас button не влезающий - будет резаться с края куда направлен поток элементов, так как вы не учитываете размер button и размер контейнера.

Answer 2

[historydev]

click

Comments

[Haykeloff]

Спасибо за ответ, Мне необходимо сделать меню горизонтально, а элементы которые обрезаются со сторон необходимо скрыть, но они должны быть доступны для горизонтального скролла.

[historydev]

Haykeloff, поищите здесь в поиске, там есть мой вопрос с аналогичным функционалом, я не люблю раздавать готовое)