61,125
社区成员
发帖
与我相关
我的任务
分享处于非 100% 宽的 div 里面的 100% 宽表单输入的时候自动变宽怎么办？
比如如下代码：
<div style="margin-right:200px">
<textarea style="width:100%"></textarea>
</div>
在 IE 里面，在 textarea 里一输入东西 textarea 的宽度就会自己变宽，<input type="text"/> 也一样。FireFox 里面就没这个问题，怎么解决呢？谢谢！
<div style="margin-right:200px">
<textarea style="width:100%"></textarea>
</div>
在 IE 里面，在 textarea 里一输入东西 textarea 的宽度就会自己变宽，<input type="text"/> 也一样。FireFox 里面就没这个问题，怎么解决呢？谢谢！
...全文
请发表友善的回复…
发表回复
2ndboy 2006-11-29
- 打赏
- 举报
谢谢 zeroleonhart！按你说的方法可以解决：
<div id="aa" style="margin-right:200px">
<textarea id="bb"></textarea>
</div>
<script type="text/javascript">
var aa = document.getElementById( 'aa' );
var bb = document.getElementById( 'bb' );
bb.style.width = ( aa.offsetWidth - 2 ) + "px";
</script>
不过也不是完美的解决方案，因为这么设置以后浏览器窗口大小改变后网页布局不会跟着变了，就算处理 div 的 onResize 也不行。只能通过脚本解决吗？纯 HTML + CSS 不能避免这个 IE 的 bug？
谢谢 zeroleonhart，明天还没有其它方案的话就结贴。
<div id="aa" style="margin-right:200px">
<textarea id="bb"></textarea>
</div>
<script type="text/javascript">
var aa = document.getElementById( 'aa' );
var bb = document.getElementById( 'bb' );
bb.style.width = ( aa.offsetWidth - 2 ) + "px";
</script>
不过也不是完美的解决方案，因为这么设置以后浏览器窗口大小改变后网页布局不会跟着变了，就算处理 div 的 onResize 也不行。只能通过脚本解决吗？纯 HTML + CSS 不能避免这个 IE 的 bug？
谢谢 zeroleonhart，明天还没有其它方案的话就结贴。
ImN1 2006-11-29
- 打赏
- 举报
div本身没有定义宽度的话子级的width是不起作用的
建议div就应该使用100%或相关定义
建议div就应该使用100%或相关定义
zeroleonhart 2006-11-28
- 打赏
- 举报
用js来使输入框的绝对宽度和div的宽度一样就可以了
2ndboy 2006-11-27
- 打赏
- 举报
to chengxiaofeng：
那个 div 不能固定，再外面的容器也不能固定，因为这是一个两栏布局的一部分，定死宽度的话这个两栏布局就不能自适应浏览器窗口了。
能不能给个不定死宽度的解决方案？
那个 div 不能固定，再外面的容器也不能固定，因为这是一个两栏布局的一部分，定死宽度的话这个两栏布局就不能自适应浏览器窗口了。
能不能给个不定死宽度的解决方案？
chengxiaofeng 2006-11-27
- 打赏
- 举报
<body margin-right:200px>
<div style="margin-right:200px">
<textarea style="width:100%"></textarea>
</div>
</body>
<div style="margin-right:200px">
<textarea style="width:100%"></textarea>
</div>
</body>
chengxiaofeng 2006-11-27
- 打赏
- 举报
因为你外面没有DIV固定，所以就会自己变宽
