html - 组合框（选择）css宽度问题（任何浏览器）

Question

在 CSS 中键入的宽度属性与组合框中的呈现值之间存在不一致。

http://jsfiddle.net/ZceeE/

CSS：

.foo {
    width:300px;
    padding:10px;
    border:1px solid #ccc;
}

html:

<input type="text" id="text" class="foo"><br><br>
<select id="combo" class="foo">
    <option>bar</option>
</select>

“select”元素在渲染之前从宽度中减去填充和边框。正常吗？如果是这样，有一些记录在案的解释吗？

Answer 1

是的，这很正常。这就是 CSS 盒子模型的工作原理。

http://css-tricks.com/the-css-box-model/