html - mvc 5 @html.editorfor 类不适合父宽度

Question

我正在做一个 MVC 5 应用程序。在我看来，我有一个 @html.editorfor在 <div> 里面这不符合我想要的方式。

这是我的查看代码。

  <div class="DvCampoAct" style="border:1px solid black">
                    @Html.EditorFor(model => model.user.Email, new { htmlAttributes = new {@class = "StyleOb", @onclick = "ocultar();", placeholder = "Insert you Email." } })
                </div>

我的 div 类 DvCampoAct是这样的。我添加了一个黑色边框来显示 div 的宽度。

.DvCampoAct{
    float:left;
    width:75%;
    padding-bottom:5px;
}

当时的风格EditFor (StyleOB) 是这样的。

.StyleOb
 {
    height:30px;
    width:100%;
    padding:2px 0 0 2px;
    border:1px solid #BEBEBE;
    background-color:#F0F8FF;
}

它看起来是这样的。

它显示 Parent Div 为黑色...并且 EditFor 的宽度不适合 div 父级宽度。看起来是 80%。

我的问题是为什么我的 EditFor不适合 100% 的 parent div ？

Answer 1

搜索最大宽度的解决方案:我的 Content 文件夹中有一个 CSS 文件，其中输入、选择和文本区域的最大宽度为 280 像素。

或许你也能找到:

元素/内容/Site.css

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