Square DIV, где высота равна области просмотра

Мне нужно создать DIV, где width = height и height = 100% области просмотра (которая, очевидно, является переменной).

Другими словами, идеально квадратный DIV, который вычисляет свои размеры на основе высоты области просмотра . Элементы в этом DIV будут принимать свои размеры в процентах от высоты и ширины родительского DIV.

Мне кажется, что это должно быть просто сделать в CSS , но я застрял на этом ! Приветствуются любые указатели.