使用 CSS 樣式可以讓元素的寬度加上 10 像素。我們可以通過設(shè)置元素的width屬性來實(shí)現(xiàn)這個(gè)效果。

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

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

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

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

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

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

這樣，只有帶有add-width類名的元素才會(huì)被設(shè)置寬度。

在一些特殊情況下，有些元素的寬度不能直接通過 CSS 來計(jì)算。比如，當(dāng)它們是浮動(dòng)元素或絕對(duì)定位元素時(shí)，它們的寬度會(huì)由其內(nèi)部的內(nèi)容決定。這個(gè)時(shí)候，可以使用margin屬性來實(shí)現(xiàn)寬度加上 10 像素的效果：

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

在這個(gè)例子中，給浮動(dòng)元素的右側(cè)設(shè)置一個(gè) 10 像素的margin，就相當(dāng)于把元素的寬度增加了 10 像素。