IE 下拉菜单切断了非固定宽度答案

【问题标题】：IE dropdowns cut off NON-fixed widthsIE 下拉菜单切断了非固定宽度
【发布时间】：2012-03-20 03:56:56
【问题描述】：

我有一些没有明显原因的框被截断，但是当我单击它们时，无论是右键单击还是左键单击它们都会恢复正常。请看截图。

当我点击下拉菜单时：

HTML：

<select id="attribute_values_1903" name="attribute_values_1903">
<option value="">Please select a value</option><option value="80469">12” (305mm)</option><option value="75549">18" (457mm)</option><option value="75548">20" (508mm)</option><option value="75935">24" (610mm)</option><option value="76295">28" (711mm)</option><option value="75528">30" (762mm)</option><option value="75915">36" (914mm)</option><option value="75907">42" (1067mm)</option><option value="75900">48" (1219mm)</option><option value="75768">54" (1372mm)</option><option value="75767">60" (1524mm)</option><option value="75930">66" (1676mm)</option><option value="76281">72" (1829mm)</option><option value="78762">78" (1981mm)</option><option value="76948">84" (2134mm)</option><option value="80467">96” (2438mm)</option>
</select>

CSS：我正在为我自己的 css 使用 YUI 重置、字体和基础以及这个

select 
{ 
    border:1px solid @defaultLightGrey;
    padding:1px;
}

有什么想法吗？

编辑：代码

编辑 #2： 看起来我遇到了同样的问题，只是我正在使用 KnockoutJS 加载选项。 See other post here

【问题讨论】：

你能发布你用来渲染这些的 html 或 css 吗？这肯定会有所帮助！
尝试添加缩放：1；到 css 以避免奇怪的“hasLayout”错误
带有动画效果的“问题”实际上看起来……很可爱！ ;)

标签： html css internet-explorer

【解决方案1】：

查找并删除select 元素的宽度设置。发布的代码不包含这样的设置，http://developer.yahoo.com/yui/reset/#code 处的 YUI 重置代码也没有，并且使用它们所描述的行为也不会出现。所以问题出在一些未包含或未提及的代码中。

设置例如select { width: 30px } 导致问题中描述的行为，所以可能是这样的解释。

【讨论】：

下拉列表在一个具有 width="100%" 的表格中继续。这可能是原因吗？我不明白的是，同一张表中还有大约 10 个其他下拉菜单可以正常工作。
@Ryan，如果不访问导致问题的代码，几乎没有任何方法可以对具体原因做出有用的猜测。
好点，虽然我没有设置宽度属性...它是通过knockoutjs生成的选择框

【解决方案2】：

推迟到http://css-tricks.com/select-cuts-off-options-in-ie-fix/，是不是因为您为选择元素指定了较短的宽度，但其中的选项元素较长，所以您的选项元素被剪裁了？

如果这是特定于 IE 的问题，您可以求助于 IE 条件 cmets 来指定样式，以便 IE 解决问题。 http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx

【讨论】：