css - 宽度为 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; }