宽度为百分比时 如何设置高度等于宽度
时间: 2023-07-30 11:09:50 浏览: 50
可以使用CSS中的padding-top属性来实现高度等于宽度的效果。具体做法是将padding-top属性的值设置为百分比,且值与宽度相等。例如,如果要求宽度为50%,高度也要等于50%,则可以设置如下CSS样式:
```
.element {
width: 50%;
padding-top: 50%;
}
```
这样就可以实现高度等于宽度的效果。需要注意的是,这种方法只适用于元素的宽度和高度都是百分比值的情况。如果元素的宽度和高度不是百分比值,那么就需要使用其他方法来实现高度等于宽度的效果。