沒明白盒子的height隨width的變化這段css是怎樣實現(xiàn)的?

科技 未結(jié) 1 595
a13081358500
a13081358500 2022-07-16 07:35

剛看到這段css代碼,實現(xiàn)了一個1:1長寬比例并且隨網(wǎng)頁變化的盒子,沒有明白它設置height的原理是什么?

.item {

width: 20%; background-color: red;

}

.item:before {

content: '; display: block; padding-top: 100%;

}

1條回答
  • 如果哲學有聲音
    2022-07-16 08:14

    padding-top: percent 是根據(jù)包含塊寬度的比例來計算的

    0 討論(0)
提交回復