Question

在CSS中输入的width属性与组合框中的渲染值之间存在不一致。

的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盒子模型的工作原理。