我在表格内部有一些下拉列表,位于具有固定宽度的容器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>