CSS是前端設計必不可少的重要技術之一，其中百分比寬度在網頁設計中使用頻繁。我們可以通過設置百分比寬度來控制一個元素在頁面中的顯示大小。但是，有時候我們需要在百分比寬度的基礎上再減去一定的像素值，這時就需要使用到px。

在CSS中，我們可以通過設置width屬性來控制元素的寬度。如果我們想要讓一個元素的寬度是頁面寬度的50%，我們可以這樣寫：

div {
width: 50%;
}

這樣，無論頁面的寬度是多少，該元素的寬度都將為頁面寬度的一半。

但是，有時候我們會希望在元素寬度的基礎上再減去一定的像素值，比如希望元素寬度為頁面寬度的50%減去20px。這時候，我們可以這樣寫：

div {
width: calc(50% - 20px);
}

通過使用calc函數，我們可以在百分比寬度的基礎上減去一定的像素值。在這個例子中，元素的寬度將會是頁面寬度的50%減去20px。

需要注意的是，在使用calc函數時，我們需要在運算符（加號、減號等）兩側添加空格，否則會出現語法錯誤。

總之，通過百分比寬度減去一定的像素值，我們可以更加精準地控制元素的大小。除了calc函數，CSS還提供了一些其他的計算方式，比如使用var()函數引用CSS變量值，大家可以深入學習一下。