以百分比表示的CSS寬度比其他標籤更短

Question

我注意到在將width: 90%應用於多個元素時，select比其他元素縮短。

這jsfiddle顯示的行爲。

我檢查了Opera，IE9，Safari，Firefox和Chrome。全部顯示相同的行爲。所以它似乎是一個比bug更奇怪的規範。

有人可以詳細說明我的觀察嗎？

Answer 1

每個瀏覽器都可以爲其UI元素應用一些特定的（和不同的）樣式設置：爲了擺脫瀏覽器特定的樣式，只需設置box-sizing屬性即可。

.width { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

上MDN

進一步的信息