在使用CSS樣式時，寬度被擠壓是一個很常見的問題。通常情況下，這是因為瀏覽器自動計算元素的寬度時受到了其他樣式設置的影響。下面介紹幾種解決這個問題的方法。

// 設置固定寬度
div {
width: 100px;
}

使用固定寬度是解決被擠壓問題的最簡單方法。在上面的例子中，將 div 元素的寬度設置為 100px，這樣無論其他樣式怎么設置，它的寬度始終不會被擠壓。

// 使用 box-sizing 屬性
div {
box-sizing: border-box;
width: 100%;
padding: 20px;
border: 1px solid #ccc;
}

box-sizing 屬性可以修改盒模型的計算方式，使 padding 和 border 不再增加元素的寬度。在上面的例子中，將 box-sizing 屬性設置為 border-box，也就是說，元素的寬度包括 padding 和 border，width 屬性設置為 100%（即占滿容器的寬度），然后再設置 padding 和 border，這樣元素的寬度不會被擠壓。

// 使用 calc() 函數
div {
width: calc(100% - 50px);
}

calc() 函數可以在 CSS 中進行數學計算。在上面的例子中，將 div 元素的寬度設置為 100% 減去 50px，這樣無論其他樣式怎么設置，它的寬度始終不會被擠壓。

在實際應用中，不同的情況可能需要不同的解決方法。需要根據實際情況選擇最適合的解決方法來解決被擠壓的問題。