Как растянуть блок на всю высоту?

Question

[raw1]

Есть меню с лева надо что бы оно всегда было на весь экран . Пробывал 100% высоту и у него и у родителя указывать и минимальную высоту все четно

Answer 1

[Сергей]

position:absolute; top:0; bottom:0;

если высота экрана - это не высота страницы а высота экрана т.е. вьюпорта, то height:100vh;

P.S. а что-бы высота считалась 100% надо еще и у родителя родителя задавать и так пока не дойдем до верхушки DOM или не наткнемся на элемент с высотой не в процентах, от которой сможем начать считать

Comments

[raw1]

Vh тоже даёт сбои

[raw1]

его родительский элемент body и ему я тоже задавал 100%;

[Сергей]

raw1: у боди тоже есть родитель - html

[raw1]

Сергей: и ему задал

[trushka]

Как раз не надо html и body высоту задавать - body расстянется контентом и блок вместе с ним, если top:0; bottom:0. Хотя, min-height: 100% для body будет уместна, наверное

Answer 2

[Albert Kazan]

Попробуйте
height: 100vh