width:100% 未能使 textarea 与 IE6 中的父元素一样宽?
相关片段如下:
<textarea class="w100"></textarea>
.w100 {
width:100%;
}
它可以在firefox中运行,但不能在IE6中运行, 为什么以及如何修复这个错误?
**编辑:**添加 DIV 后,它现在可以工作了。
<fieldset>
<div>
<textarea class="w100"></textarea>
</div>
</fieldset>
related snippet as follows:
<textarea class="w100"></textarea>
.w100 {
width:100%;
}
It works in firefox but not in IE6,
why and how to fix this bug?
**EDIT:**AFTER ADDING A DIV,IT WORKS NOW.
<fieldset>
<div>
<textarea class="w100"></textarea>
</div>
</fieldset>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
您是否尝试删除 IE6?
你认真检查过所有的边距和填充吗?
Did you try removing IE6 ?
Seriously have you checked all your margins and paddings ?
在某些情况下,IE6 不能很好地处理 %sizes(这显然是其中之一)。如果将文本区域放入宽度设置为 300px 的 div 标签内,您可能会发现它适合 100% 的 div 标签,但如果 div 标签的宽度为 100,则它不起作用(我认为) %。
IE6 does not handle %sizes very well in some cases (and this is obviously one of them). If you put th textarea inside a div tag that has width set to 300px, you might see that it is fit to 100% of the div tag, but it doesn't work (I think) if the width of the div tag is 100%.
确保 body 和 html 也为 100%。
我没有任何意义(身体总是 100% 的自己的宽度,对吧?)但它似乎可以做到这一点:
Be sure to make the body and html to be 100% as well.
I makes no sense (the body sould always be 100% of its own width, right?) but it seams to do the trick: