Почему не срабатывает overflow?

Question

[DanKud]

Подскажите почему не срабатывает значение overflow: visible в классе .name и блоки .selector съезжают вниз, а не выходят за пределы родительского блока по оси X? При этом если подставить любое другое значение overflow оно срабатывает успешно - https://codepen.io/anon/pen/qLmjae

Answer 1

[Ankhena]

Всё у вас срабатывает https://codepen.io/anon/pen/gZWRXm

Comments

[DanKud]

Вопрос у меня немного в другом. Почему не выходит за пределы по оси X и блоки .selector съезжают вниз, а не выходят за пределы родительского блока .name по горизонтали?

[Ankhena]

DanKud, внезапно

И ось Х горизонтальная, по ней ничего вниз уехать не может.

Продемонстрируйте, пожалуйста, обстоятельства сползания.
Я вижу так:

[DanKud]

Ankhena, посмотрите сейчас, что я имел ввиду - https://codepen.io/anon/pen/REVgyK. Я просто специально изначально увеличил ширину span на один пиксель, чтобы показать как съезжают блоки.

[DanKud]

Ankhena, проще говоря мне надо, чтобы блоки внутри div выходили за границы родительского блока по горизонтали, а не переносились из-за того, что не хватает ширины родительского блока.

[Ankhena]

DanKud, переходите на флексы и flex-wrap: nowrap

[Ankhena]

DanKud, типа того https://codepen.io/anon/pen/ebWRjo

[DanKud]

Ankhena, ок, спасибо. flex срабатывает корректно. Нет ли проблем с флексами сейчас, просто насколько я знаю не все браузеры поддерживали это свойство до недавнего времени?

[Rustam Bainazarov]

DanKud, даже IE11 нормально поддерживает Flexbox (хоть и есть небольшие особенности).