css - 文本区域 - 右填充而不移动 scollbar

Question

请签出这个 jsbin。http://jsbin.com/eqoDaKi/1 有没有办法让“padding-right”出现在文本的右侧，但不影响滚动条，使其与左边缘齐平？

谢谢！

Answer 1

这并不像看起来那么简单。box-sizing 属性（Box-sizing: how to get rid of the scrollbar padding in Firefox）有一些问题。

使用上面建议的包装器 div 要求文本区域尊重 auto 的高度，这确实必须在脚本中完成（使用 Prototype 自动调整 textarea 大小）。

一个快速而肮脏的可能性是删除右填充，因为左对齐文本和滚动条之间通常有足够的空间来模仿一些填充：

textarea {
  width: 400px;
  height: 200px;
  padding: 20px 0 20px 20px;
}