使用 CSS 樣式可以讓元素的寬度加上 10 像素。我們可以通過設置元素的width屬性來實現這個效果。

div {
width: calc(100% + 10px);
}

上面的代碼中，calc()函數可以用來進行數學計算，把結果賦值給元素的width屬性。在這個例子中，100% + 10px表示元素的寬度為它父元素的寬度加上 10 像素。

如果要把所有的元素寬度都加上 10 像素，可以使用通配符選擇器：

* {
width: calc(100% + 10px);
}

這個時候，所有的元素都會繼承這個樣式。如果只想讓某個元素寬度加上 10 像素，可以給它添加一個類名，并在 CSS 中定義這個類的樣式：

.add-width {
width: calc(100% + 10px);
}

這樣，只有帶有add-width類名的元素才會被設置寬度。

在一些特殊情況下，有些元素的寬度不能直接通過 CSS 來計算。比如，當它們是浮動元素或絕對定位元素時，它們的寬度會由其內部的內容決定。這個時候，可以使用margin屬性來實現寬度加上 10 像素的效果：

.float-element {
float: left;
margin-right: 10px;
}

在這個例子中，給浮動元素的右側設置一個 10 像素的margin，就相當于把元素的寬度增加了 10 像素。