css - 以百分比表示的 CSS 宽度比其他标签短

Question

我注意到，在应用于width: 90%多个元素时，它们的select渲染时间比其他元素短。

这个jsfiddle显示了这种行为。

我检查了 Opera、IE9、Safari、Firefox 和 Chrome。都表现出相同的行为。所以这似乎是一些奇怪的规范而不是错误。

有人可以详细说明我的观察吗？

Answer 1

每个浏览器都可能对其 UI 元素应用一些特定（和不同）的样式设置：要摆脱浏览器特定的样式，只需尝试设置box-sizing属性，例如

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

有关MDN的更多信息