# Единицы vw и vh в CSS

Единицы `vw` и `vh` позволяют задать размер относительно области просмотра окна браузера. Давайте посмотрим на примере.

Пусть у нас есть некоторый див:

`<div></div>`

Давайте зададим ему ширину в половину ширины области просмотра и высоту в половину высоты области просмотра:

`div { width: 50vw; height: 50vh; margin: 30px auto; border: 1px solid red; }`

Посмотрим, что у нас получится:

Дан див. Задайте ему отступ сверху, равный `30%` высоты области просмотра.

Дан див. Задайте ему ширину и высоту, равную `70%` ширины области просмотра.

← →
↑