Как задать блоку высоту 100%

Чтобы задать блоку высоту 100%, нужно учитывать контекст родительских элементов. Простое height: 100% сработает, только если у родителя явно задана высота.

Пример:

html, body {
  height: 100%;
}

.container {
height: 100%;
}

Альтернативные варианты:
1. Использовать viewport units:
```css
.block {
  height: 100vh; /* 100% высоты viewport */
}

2. Flexbox подход:

.parent {
  display: flex;
  min-height: 100vh;
}

.child {
  flex: 1;
}

Важно: процентная высота работает только если все родительские элементы вверх по цепочке имеют явно заданную высоту.