CSS技巧：设置DIV高度为宽度百分比

<div class='my-div'></div>
<style>
    .my-div {
        width: 80%;
        padding-top: 50%;
        background-color: red;
    }
</style>
<p>在上面的示例中，div的宽度是80%，而padding-top设置为50%，因此div的高度将是宽度的50%。您可以根据需要更改宽度和padding-top的值。</p>