width:100% 无法使文本区域与 IE6 中的父元素一样宽？答案

【问题标题】：width:100% failed to make textarea as wide as parent element in IE6?width:100% 无法使文本区域与 IE6 中的父元素一样宽？
【发布时间】：2009-08-24 07:39:56
【问题描述】：

相关sn-p如下：

<textarea class="w100"></textarea>

.w100 {
    width:100%;
}

它在 Firefox 中有效，但在 IE6 中无效，为什么以及如何修复此错误？

**编辑：**添加 DIV 后，它现在可以工作了。

<fieldset>
                                        <div>
                                            <textarea class="w100"></textarea>
                                        </div>
                                    </fieldset>

【问题讨论】：

你能说得更具体一点吗？在您使用这些文本区域的过程中，真正的问题是什么？你有截图以便我们弄清楚你的问题是什么？
IE 总体上存在基于百分比的宽度调整问题。例如，要占据整个屏幕，IE 需要 101% 的宽度，而 FF 需要 100%。
当您说它“不起作用”时，您的具体意思是什么？发生什么了？宽度是相对于父元素的大小的，那么你把textarea放在什么里面了？
将您的编辑发布为答案并将其标记为已接受，以避免社区因为没有答案而再次提出这个话题。

标签： css textarea width

【解决方案1】：

你试过删除 IE6 吗？

您认真检查过所有的边距和内边距吗？

【讨论】：

【解决方案2】：

IE6 在某些情况下不能很好地处理 %sizes（这显然是其中之一）。如果您将 th textarea 放在宽度设置为 300px 的 div 标签内，您可能会看到它适合 100% 的 div 标签，但如果 div 标签的宽度为 100，它就不起作用（我认为） %。

【讨论】：

【解决方案3】：

确保body和html也是100%。我说不通（身体总是 100% 自己的宽度，对吧？）但它似乎可以做到这一点：

.html
{
  width:100%;
}
.body
{
 width:100%;
}

【讨论】：

因为问题在于 textarea 没有填充其容器（据我所知，它适用于任何容器），因此问题不会出现在 html 和 body 样式中。（反正我猜）