使用css 設置高度等於寬度

在工作中遇見一個問題

寬度不一定，但是想讓box為正方形;

比如width:50%;之后設置該box為正方形設置height:0;padding-bottom:100%;