Почему flexbox элементы игнорируют размеры своего родителя?

Question

[memba]

Привет!

Для примера собрал такой макет:
output.jsbin.com/vicemumuxo
jsbin.com/vicemumuxo/edit?html,css,output

Все очень просто. Вы можете наблюдать, что нижний ряд растягивается под воздействием списка с номерами. Хотя ему дан "overflow-y: auto;" и он должен упереться в родителя и показать скролл.

Собственно блоку ".b-two" (это нижний ряд) можно задать какой-нибудь размер по высоте. Например, "height: 1px;" и тогда чудесным образом он начинает считаться с ограничениями родительского элемента и все умещается в его приделах.

Но это больше похоже на какой-то хак. Может там есть какие-то нюансы?

Answer 1

[Дмитрий Христоев]

у .b-two добавить overflow

Comments

[memba]

Просто overflow?

[Дмитрий Христоев]

memba: да, overflow: auto

[memba]

О, это работает. Мне правда не понятно, почему полосы прокрутки не добавляются непосредственно к ".b-two"...

[Дмитрий Христоев]

memba: тогда добавляя к .b-two уберите у .messages

[memba]

Не, все верно, мне нужно, что бы скролл был у .messages. Это я просто рассуждаю. Спасибо!