Css 根据父div的宽度定义元素的高度

如何根据元素父div的宽度设置元素的高度

如果我这样做

height: <some_ratio>vw

高度：vw 我得到的高度等于视口宽度的某个比率。 我想要父div宽度的

一些\u比率。
可能吗

（我需要它来生成引导列col中的方形元素。因此，这些元素的高度必须等于col的宽度）
如果需要纯CSS方式，可以将子元素高度设置为0，然后使用padding bottom设置百分比：）（填充基于宽度，甚至是顶部/底部填充）


.parent{
高度：100px；
宽度：300px；
背景：红色；
}
.孩子{
背景：蓝色；
宽度：50px；
身高：0；
垫底：25%；
}