如何使文本区域宽度大于表单宽度？答案

【问题标题】：how to make textarea width larger than form width?如何使文本区域宽度大于表单宽度？
【发布时间】：2013-05-02 18:41:40
【问题描述】：

我正在制作一个表单，我需要 textarea 的宽度大于表单宽度，因为我想将一些元素浮动到 textarea 上方和其他输入字段的左侧。我试图将 textarea 的位置设置为绝对，但它不起作用。这是我拥有的 css，它使文本区域与表单的宽度相同：

form {
width: 210px;
overflow: visible;

}
textarea {
height: 215px;
width:370px!important;
}

【问题讨论】：

【解决方案1】：

我不确定这是否有效，但请尝试将这 3 条规则添加到 textarea：

position:absolute; left:0; right:0;

【讨论】：

如果您阅读问题的陈述，您会发现她已经尝试过了。
是的，我在发布问题之前已经遇到过该线程，但它不起作用：/
您的问题并没有真正起作用，现在您的文本区域几乎是您的表单大小的两倍，并且没有高度。如果您创建一个稍大一点的文本区域和一个具有高度的表单，您可以通过在表单区域中放置一个 div，然后在该 div 上放置一个绝对值来实现您想要的，然后将该 div 编码为格式化整个表单区域。那是我唯一的解决方案。 jsfiddle.net/cornelas/EQxNm/embedded/result
谢谢，但我在 jsfiddle 上的原始代码有效，这令人困惑，因为我的代码中的表单父 div 比表单宽，还有什么可能导致这种情况？

【解决方案2】：

不是一个优雅的解决方案，但我使用nth-child 将textarea 周围的div 设置为position: absolute 和margin-top 下面的div 以匹配textarea div 的高度...

【讨论】：