html - asp :ListBox or TextBox Width is capped, 但 HTML 表格宽度不是

Question

我遇到了一个非常奇怪的行为，除了在我的主应用程序中我无法真正重现:我使用一个 Infragistics WebSplitter 组件将页面分成两个 Pane 。在 Pane 的右侧，有一些网格(在 HTML 表格内对齐，有时不对齐)；如果网格Width设置为 100% , 网格根据需要占据分隔 Pane 的整个宽度。这同样适用于任何 <table>与 width:100%设置。

但是:任何asp:ListBox或 asp:TextBox使用Width="100%"以某种方式限制在某个固定数量。也就是说，如果我动态地减小拆分 Pane 的大小并再次增加，但随后再次以相同的数量(这似乎是任意的，但总是相同的)达到上限，则控件会缩放。我设置 Width 也没关系属性或通过 css ( width: 100% !important; ) 来实现。网格内的编辑器也是如此；如果我编辑一个单元格，将打开一个文本框(出现在 Infragistics 网格的 ASP.NET TextBox 变体中，但也出现在它们自己的编辑器提供程序控件中)，其宽度与当前列宽相同。但是，如果我增加列的大小，它的上限是相同的。

重要的是要注意，无论我如何/在何处对齐控件，数量也保持不变。例如，如果我将它在 Pane 内水平居中，则大小仍处于相同的上限，但它已正确居中。将宽度设置为固定数量而不是 100% , 但大于视觉上限，仍使其超出上限。

对于模糊的表述和缺乏代码，我深表歉意，但我在这里不知所措，因为到目前为止我无法重现它；所以我只是问一下，希望有人在某个时候遇到过类似的问题，并可能会促使我朝正确的方向看。

编辑:似乎只有表单控件受到影响。例如，asp:Label与 Width="100%"也可以正常工作，但是 asp:TextBox, asp:ListBox不。出于某种原因，asp:DetailsView确实有效，但我认为这是因为它使用的是 HTML table在下面。

Answer 1

这确实是一个愚蠢的 CSS 限制，我一开始就没有看到。在具有母版页的 ASP.NET 应用程序的 Visual Studio 2013 模板中，Site.css 文件是引用，其代码类似于以下内容:

input,
select,
textarea
{
  max-width: 280px;
}

这导致了这种奇怪的行为(好吧，本身并不奇怪，但我觉得很奇怪，因为我最初只在 Infragistics 网格的编辑字段中遇到了这个问题，因为没有其他宽度的输入控件任何地方)。