css 设置高度等于百分比的宽度

父级元素
这里的padding-bottom是根据父级的宽度计算的，所以只要这里width等于padding-bottom，这个元素就是正方形

position: relative;
width: 80%;
height: 0;
padding-bottom: 80%; /* padding百分比是相对父元素宽度计算的 */