文本区域调整窗口大小答案

【问题标题】：Textarea resize window文本区域调整窗口大小
【发布时间】：2013-03-29 04:42:55
【问题描述】：

尝试调整窗口大小。

无法弄清楚为什么 textarea 没有缩放...

肯尼斯

【问题讨论】：

它正在为我调整大小...
尽量不要在宽度为 100% 的元素上添加填充，除非您打算让它们到达其父级之外。我认为这就是您将 max-width 添加到 textarea 的原因。
如果您的意思是 textarea 的右边框未显示，那是因为您将其宽度设置为 100%，但是添加填充将超过 100%。由于“溢出：隐藏”，父 div 隐藏了左边框
这里有一些提示可以帮助您获得更好的答案。请不要让我们访问您的网站并查看那里的内容。如果我们在问题文本中包含所有必要的信息，那就更好了。您所指的网站中确切区域的图片以及您认为可能导致问题的代码 sn-ps 很有帮助。如果您想加倍努力并使其成为一个超级有用的问题，您可以在 jsfiddle.net 或 codepen.io 等前端沙箱中重现该问题，让我们准确了解您在说什么。

标签： html css

【解决方案1】：

您应该阅读 this 以使您的 textarea 正确填充其父级。

在您发布的代码中，textarea 具有 100% 的宽度和填充，使用默认值意味着您正在使用填充。此外，包含 textarea 的 div 已将溢出设置为隐藏，这就是您无法设置右边框的原因

编辑（以防链接突然失效）：

您必须将此类或规则添加到您的文本区域：

.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

干杯

【讨论】：