Css计算金额

如何根据宽度的比例设置宽度和高度。下面是我要说的：

.foo
   height: total_width * 0.10
   width: 10%

如果我设置高度：10%它将基于100%高度计算，我希望高度为100%宽度的10%

---

如果css不可能，那么在手写笔中是否可能？

使用视口单位可以实现类似的功能：vh、vw、vmin和vmax。较旧的浏览器不支持这些功能，如果此功能非常重要，则可以使用适当的垫片（请参阅）