Как задать высоту div в зависимости от ширины?

Question

[Андрей Федоров]

Нужно задать фиксированный аспект 4:3 для div резинового по ширине.
заготовка

Answer 1

[display: block]

width=document.body.clientWidth; 
document.getElementById("ratio").style.width= width;
document.getElementById("ratio").style.height= width/4*3+'px';

Comments

[Андрей Федоров]

Ну да, пожалуй сработает. Только js - это читерство )

Answer 2

[Андрей Андриевский]

div{
width:40%;
height:30%;
}

Comments

[Андрей Федоров]

)))

Answer 3

[Anna_BS]

Можно использовать svg
codepen.io/Anna_Batura/pen/YwpOyo

Comments

[Андрей Федоров]

Усложняет код... И потом, где моя картинка?