我在表格内有一些下拉列表,在具有固定宽度的容器 div 内。
在旧版本的 IE 和其他主要浏览器中,它按照我的需要工作:列表的输入行遵循宽度并保持在容器内。下拉部分扩展为包含其中最长的条目,并位于容器上方,必要时超出边缘。
在 IE10 中,它会将输入行的大小调整为列表内容的最大宽度,而忽略宽度设置,从而导致表格扩展出容器 div。
我是在做一些愚蠢的事情,还是 IE10 中的错误?
有没有办法解决这个问题?
示例代码...
<div class="container roundedCornersSmall shadow" style="float: left; width: 330px;
padding-left: 20px;">
<table>
<tr>
<td>
<asp:Label runat="server" ID="lblTeam" Text="Team" SkinID="FormLabels" />
</td>
<td>
<asp:DropDownList runat="server" ID="drpTeams" Width="225px" Columns="30"/>
</td>
</tr>
</table>