mvc 5 @ html.editorfor class不適合父寬度

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> 

我的分類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; 
} 

它看起來是這樣的。

它顯示了家長事業部是黑色的......這EditFor的寬度不符合DIV父寬度。它似乎是一個80％。

我的問題是爲什麼我的EditFor不適合父母的100％div？

Answer 1

在您的解決方案上執行最大寬度搜索：，我的Content文件夾中有一個CSS文件，其輸入，選擇和280像素的textareas的最大寬度。

也許你可以找到它太：

項目/內容/的site.css

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