html - 输入 css“宽度 100%”大于容器的文本

Question

如果select标签尊重 CSS 中定义的 100%，那么为什么不能input？在 Firefox 中检查它时Box Model，我看到填充为 1，横向边框为 5.33333！

为什么输入周围没有出现该边框？为什么它被定义为默认值这么大？做什么的？我注意到应用 CSSbox-sizing:border-box;解决了这个问题，但所有这些都在哪里指定？我在MDN上什么也没看到。

div {
  background-color:green;
  width:300px;
  height:200px;
}
#txt {
  width:100%;
}
#sel {
  width:100%;
}

<div>
  <p>&nbsp;</p>
  <input type='text' id='txt' />
  <p>&nbsp;</p>
  <select id='sel'>
  </select>
</div>

标签： htmlcsshtml-input