以百分比表示的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

进一步的信息