选择的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

的更多信息