我正在编写具有autocomplete文本框功能的简单页面。我为输入框设置了widht:87%,并且在mozilla中可以正常使用,但是在IE中,首先是在页面加载时文本框展开,在显示建议时收缩。
这是我的代码

<td valign="middle">
<input id="myInput" name="ontFindNameMatch" type="text" maxlength="100" style="border:1px solid #7c9cba;width:87%;font-size:11px;" />
<br/>
<div id="myContainer" style="z-index:10;width:87%">
</div>
</td>


myInput是输入文本框,在myContainer中显示自动完成建议。我正在使用YUI autocomplete
页面加载时的图像。

显示建议后
 
在mozilla中,宽度保持不变。

编辑

得到了解决方案。谢谢amadeus

<td valign="middle" >
<div id="autocomplete" class="yui-ac">
<input id="myInput" class="yui-ac-input" name="ontFindNameMatch" type="text" style="border:1px solid #7c9cba;font-size:11px;" />
<br/>
<div id="myContainer" class="yui-ac-container" style="z-index:100;">
</div>
</div>
</td>


〜Ajinkya。

最佳答案

尝试将width属性从myInput和myContainer移至td元素。
尝试删除最大长度。

删除br元素。

不要内联设置myInput和myContainer样式,而是使用
http://developer.yahoo.com/yui/examples/autocomplete/ac_skinning.html

关于html - IE和Mozilla中对“宽度”的处理是否有所不同?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6277779/

10-09 18:24