多出一个像素，宽度为100%

Question

我有一个 680 像素宽的文本区域。 这需要变得流畅，所以我使用百分比。

百分比形成完美的 100% 宽度，但似乎渲染的像素比应有的多了 1 个像素。

http://jsfiddle.net/XXshn/2/

Answer 1

这样做有什么问题：

textarea {
border: 1px solid #333333;
background: #ececec;
margin: 0;
outline: 0;
height: 100px;
padding: 20px; /*  */
width: 640px; /* 680px - 2 * 20 */
resize: none; }

Answer 2

这是一个非常古老的问题，但如果有人来到这里并需要通用解决方案，您可以使用 calc() css 函数 来完成您正在寻找的事情：

width: calc(100% + 1px);