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输入类型=＆＃34; text＆＃34; 宽度为100％但宽度不超过整个div class="col-md-4"。

我用firebug进行调查，这是结果： firebug 如您所见，文本框中没有一个跨越div class="col-md-4"

宽度的100％

任何人都可以向我解释为什么会这样？

Answer 1

max-width文件中有一个Site.css样式限制所有TextBox的Width，您只需删除或评论它。

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

ASP.NET＆amp; Bootstrap：输入类型=＆＃34;文本＆＃34;宽度：100％不跨越div容器的整个宽度

1 个答案: