如何使用css动态设置高度等于宽度？

Question

比如一个带有classname图标的div，将宽度设置为15%后，如何适当设置高度，使这个div容器成为一个正方形？

.icon {
    width: 15%; 
}

我已经尝试了纵横比，但似乎不起作用，有没有简单直接的方法可以做到这一点？

Answer 1

尝试添加 padding-bottom: 15%;