如何写一个宽高等比例的盒子

在css样式里写：

.box{
width:50%;
height:0;
background:purple;
/*padding使用百分比的话，以横轴为比例*/
padding-bottom:50%;
}