HTML 文本区域边距

当我向 HTML 添加边距时 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea如果宽度为 100%，则边距正确应用于左侧，但整个文本框会向右移动并延伸到父容器。

看到这个JSFiddle http://jsfiddle.net/tTnCd/举个例子：

<textarea style="width: 100%; height: 100%; margin: 10px;">tyjyjyj</textarea>

正如您所看到的，文本区域超出了右侧，而不是扩展到 10 像素边距。有没有办法来解决这个问题？

我能想到的唯一方法是用JavaScript手动调整大小，但肯定还有其他方法。

这可能就是你想要的效果。在这里，我将位置设置为绝对位置并给出每个边缘的边距。

HTML

<textarea>tyjyjyj</textarea>

CSS

textarea {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 30px;
    bottom: 30px;
}

有效：http://jsfiddle.net/tTnCd/3/ http://jsfiddle.net/tTnCd/3/

为了更好地定位文本区域，您可以使用相对样式的元素将其包裹起来，如下所示http://jsfiddle.net/tTnCd/4/ http://jsfiddle.net/tTnCd/4/