Html 设置为相同宽度时，输入和文本区域显示不同的宽度？

当我将输入和文本区域的宽度设置为94%时，它们的宽度似乎略有不同。这是我在很多网站上看到过很多次的东西

有人能解释一下，当设置为相同的%width时，文本区域的宽度为什么不如输入的宽度吗

input, textarea {
    width: 94%;
}

不要忘记包括边框、填充和边距。它们都会影响页面中元素的实际物理宽度

除非您使用默认浏览器样式表，否则默认浏览器样式表将为每个元素设置不同的边框、填充和边距

---

使用CSS3，您还可以使用：

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

---

我会接受这一点，就像我在输入和文本区域中添加padding:0和margin:0选项一样。谢谢我几天前就知道了这一点，它改变了我的整个世界！