刚看到这段css代码,实现了一个1:1长宽比例并且随网页变化的盒子,没有明白它设置height的原理是什么?
.item {
width: 20%; background-color: red;
}
.item:before {
优艾设计网_在线设计content: '; display: block; padding-top: 100%;
}
ty_123656072 2022-09-24 20:39 优艾设计网_设计LOGO
padding-top: percent 是根据包含块宽度的比例来计算的
精彩评论