На этот вопрос уже есть ответ:

Я должен сохранить соотношение сторон деления относительно высоты при изменении размера окна.

Я могу поддерживать соотношение сторон (x: y) относительно ширины (X%), используяpadding-bottom; илиpadding-top;.

По аналогии я пытался использоватьpadding-left;

.wrapper{
   height: Y%,
   position: relative;
}

.wrapper:after{
   padding-left: Y(x/y)%;
   display:block;
}

Но процентное значениеpadding-left не дает ширину обертке.

Как я могу сохранить соотношение сторон этого div в соответствии с его высотой?