ASP.NET & Bootstrap: input type="text" with width:100% 不跨越 div 容器的整个宽度答案

【问题标题】：ASP.NET & Bootstrap: input type="text" with width:100% does not span the whole width of the div containerASP.NET & Bootstrap: input type="text" with width:100% 不跨越 div 容器的整个宽度
【发布时间】：2018-08-28 21:21:35
【问题描述】：

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

ASP.NET 代码 sn-p 是：

    <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 文本框或 HTML 输入 type="text" 宽度为 100%，但其宽度不跨越整个 div class="col-md-4"。

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

谁能向我解释为什么会这样？

【问题讨论】：

做 style="width: 100% !important; padding: 0 !important;"帮忙？
你能在 sn-p 中显示你的运行代码吗？
我在 firebug 上看到了规则，col-md-4 也有左右 15px 的填充，还有float:left，但生成的文本框仍然远未达到 100%，并且 vr 与左边。我已经向它展示了那里的萤火虫图像。我知道如何制作一个正在运行的 sn-p ..

标签： html css twitter-bootstrap-3 webforms

【解决方案1】：

Site.css 文件中有一个max-width 样式限制了所有文本框的Width，您可以删除或评论它。

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

【讨论】：