Почему появляется полоса прокрутки?

Question

[beduin01]

Не могу понять, почему появляется вертикальная полоса прокрутки
https://jsfiddle.net/7w0jtos8/

И правильно ли я понимаю что `flex-shrink:` является антиподом к `flex-grow`. Первый показывает размер, а второй - до какого размера все может схлопнуться?

Как сделать чтобы центральная зона не схлопывалась меньше определенного размера?

Answer 1

[Иван Татауш]

У .Myheader ширина указана 100% и так же есть border 1px.
Border прибавляется к общeй ширине блока и у тебя ширина выходит 100% + 2px
Допиши box-sizing: border-box;

Comments

[beduin01]

Спасибо, а по поводу flex-shrink что скажешь?

[beduin01]

Как сделать чтобы центральная зона не схлопывалась меньше определенного размера?