IE6中文本框的长度忽然变长的怪异问题

来源:互联网 发布:人工智能ppt免费下载 编辑:程序博客网 时间:2024/04/30 13:49

 此问题是在我进行extjs表单设计的时候遇到的,是一个非常怪异的问题,它的现象是当你在一个文本框中输入文字的时候,这个文本框的长度忽然变长了一些,经过对代码的层层剥离最后找造车此问题的关键因素:

<body><div style="PADDING: 100px;"><input style="WIDTH: 50%" class=" x-form-text x-form-field"name="crdbmAlias"></div></body>

查看上面的代码,如果一个文本框它的宽度设置成百分比,且它的外部容器没有设置具体的宽度值,且定义此容器存在一个padding值,则当你在文本框输入文字的时候,在IE6中就会出忽然变长的问题,解决这个问题有很多的办法,可以input元素指定一个非百分比的宽度值,或者者为外部容器指定的一个宽度值,又或对外部容器进行浮动设置等都可以解决此问题

原创粉丝点击