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

【问题标题】：mvc 5 @html.editorfor class do not fit parent widthmvc 5 @html.editorfor 类不适合父宽度
【发布时间】：2017-07-01 21:23:25
【问题描述】：

我正在做一个 MVC 5 应用程序。在我的视图中，<div> 中的 @html.editorfor 不符合我的要求。

这是我的查看代码。

  <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）的Style是这样的。

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

它的样子是这样的。

它显示父 div 是黑色的......并且 EditFor 的宽度不适合 div 父宽度。似乎是 80%。

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

【问题讨论】：

标签： html css asp.net-mvc styles

【解决方案1】：

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

也许你也能找到它：

项目/内容/Site.css

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

【讨论】：