html – 100％宽度的textarea忽略IE7中父元素的宽度

我在表中有以下textarea：

<table width="300"><tr><td>

<textarea style="width:100%">
longstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstring
</textarea>

</td></tr></table>

在textarea中有一个长字符串,textarea延伸到IE7中的一行中,但在其他浏览器中保留了300px的宽度.

有关如何在IE中修复此问题的任何想法？

解决方法

将宽度应用于td,而不是表格.

编辑：@emmett – 宽度可以很容易地通过CSS应用.

td {
    width: 300px;
}

产生预期的结果.或者,如果您使用的是jQuery,则可以通过脚本添加宽度：

$('textarea[width=100%]').parent('td').css('width','300px');

重点是,如果开发限制阻止您直接应用宽度,则将宽度应用于表格单元的方法不止一种.