Почему блоки не растягиваются на всю высоту?

Question

[Semmy_99]

Подскажите пожалуйста , почему блоки не растягиваются на всю высоту ?

Вот код

Т.е. я указываю блокам 100vh, но при уменьшении размера экрана горизонтально видно что снизу текст выпадает из блока + если даже просто проскролить вниз там какое то пространство.
Объясните пожалуйста как решить проблему и из за чего вообще такое?

Конечная цель такая что мне нужно чтобы два блока этих растягивались на всю высоту экрана

Answer 1

[gwenn]

добавьте, и все будет гуд

* {
box-sizing: border-box;
}

Comments

[Semmy_99]

А не подскажешь почему блок c текстом не умещается ну т.е. фон снизу пропадает ulвыпадает из него ?

codepen.io/anon/pen/xqxmVB?editors=1100

[gwenn]

потому что у .button-sidebar есть width: 50px