请问，如何通过CSS实现高度height随宽度width变化而变化，保持长宽比例不变，宽度是根据父元素宽度变化的？

骚年，数月之前吾曾于某高山僻壤处寻得一奇淫技巧可与尔一观。然而这样的技巧并没有什么卵用，切记切记！

html:<div class = "father">    <div class = "daughter"></div>    // 父女情深</div>css:.father {    width: 70%;}.daughter {    width: 90%; height: 0;    padding-top: 60%;    background: black;}

这样的技巧仅仅让人对某个知识点有一些深刻的认识，这里是想让人了解到：上下边距的百分比数值是以父元素宽度作为参照的。
要想实现你题目中的条件，用js，简单得很。不必费尽周章绞尽脑汁非要用css实现。