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>

“选择”元素在渲染之前从宽度中减去填充和边框。正常吗？如果是这样，是否有一些书面解释？

Answer 1

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

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