Html 如何将文本区域设置为100%宽度并保持其边距？

给定以下CSS

。注释{
利润率：10px；
显示：块；
溢出：自动；
边框左上半径：5px 5px；
边框右上角半径：5px 5px；
边框右下半径：5px 5px；
边框左下半径：5px 5px；
-webkit盒阴影：rgba（0,0,0,2）1px 1px 3px；
-moz边界半径：5px；
-webkit边界半径：5px；
最小高度：200px；
宽度：100%
}

这将应用于

textarea

，但右侧边距将被忽略，

textarea

将退出屏幕

---

这是为什么？

通过将宽度设置为100%，边距设置为10px，文本区域将是其容器的100%宽度，向下和向左移动10px

为了获得您想要的结果，您可能需要在文本区域周围使用一个带有10px填充的容器

看

• commentA正在使用带填充的容器
• commentB是您的原始CSS

比如：

<div class="comment-container">
    <textarea class="commentA"></textarea>
</div>

要开始。

只需使用：

display: inline

而不是：

display: block

---

你能展示一下你的HTML是如何构造的吗？你想让textarea width流畅吗？我不得不使用“边距：10px”而不是填充来让它工作。但是把它放在一个容器里就是解决办法。

display: block