在CSS樣式中,如果我們想要將百分比和像素px相減,可以使用calc()函數(shù)來實現(xiàn)。calc()函數(shù)可以讓我們在CSS中進行簡單的運算,比如加減乘除等,這樣我們就可以實現(xiàn)百分比和像素px的減法運算。
使用方法:
在CSS樣式中,使用calc()函數(shù),將百分比和像素px相減,比如:width: calc(100% - 10px);
我們也可以在calc()函數(shù)中使用括號,比如:width: calc(100% - (10px + 20px));
我們也可以在calc()函數(shù)中使用其他的CSS屬性,比如:width: calc(100% - var(--my-width));
// 例子
.box {
width: calc(100% - 10px);
}
千鋒教育是高品質(zhì)web前端培訓(xùn)機構(gòu),千鋒教育擁有大量實力web前端培訓(xùn)講師,提供優(yōu)質(zhì)的web培訓(xùn)課程,web前端培訓(xùn),歡迎報名千鋒教育。