如何设置 div的高度为自己本身的宽度的百分比

可以使用padding-top属性来设置div的高度为自己本身的宽度的百分比。具体方法如下：

首先，需要将div的position属性设置为relative或者absolute，这样才能在padding-top中使用百分比。
然后，需要在div中添加一个子元素，用来撑起div的高度。该子元素的宽度设置为100%。
最后，使用padding-top属性来设置div的高度为自己本身的宽度的百分比。具体计算公式为：padding-top = height / width * 100%。

以下是示例代码：

HTML代码：

CSS代码：

.wrapper { position: relative; width: 50%; }

.content { position: absolute; top: 0; left: 0; width: 100%; padding-top: 100%; /* 宽高比为1:1 */ background-color: red; }

其中，padding-top的值可以根据需要进行调整。例如，如果希望div的宽高比为2:1，则padding-top的值应为50%。