html - ASP.NET 和 Bootstrap : input type ="text" with width:100% does not span the whole width of the div container

Question

我有一个关于 HTML 和 CSS 行为的问题。我使用 ASP.NET Web Forms 和 Bootstrap 生成了 HTML 和 CSS。

ASP.NET 代码片段是:

    <div class="row">
        <div class="col-md-2">
            <label for="txtUser">Email : </label>
        </div>
        <div class="col-md-4">
            <%-- asp:TextBox ID="txtUser" runat="server" TextMode="Email" Width="100%"></--%>
            <input type="email" id="txtUser" name="txtUser" style="width:100%;" />
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <label for="txtPassword">Password : </label>
        </div>
        <div class="col-md-4">
            <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="100%" ></asp:TextBox>
        </div>
    </div>

问题是我有一个 ASP TextBox 或 HTML input type="text" 宽度为 100%，但它的宽度没有跨越整个 div class="col-md-4"。

我用firebug调查了一下，结果是这样的: firebug如您所见，没有一个文本框跨越 div class="col-md-4"

宽度的 100%

谁能给我解释一下这是为什么？

Answer 1

Site.css 文件中有一个max-width 样式，它限制了所有文本框的宽度，您可以删除或注释

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