Css 如何确保MVC在div中生成控件？

嗨，我得到了下面的局部视图，它将显示div中的控件，但是控件总是比div创建的长，有没有更好的方法在css中控制而不是硬编码每个控件的宽度

<fieldset  class="fieldsetthinner">
    <div style="float: left; width: 10%"><p>@Html.EditorFor(model => model.decBeginQty)<p></div>
    <div style="float: left; width: 10%"><p>@Html.EditorFor(model => model.decEndQty )<p></div>
    <div style="float: left; width: 10%"><p>@Html.EditorFor(model => model.decBeginAmt )<p></div>
    <div style="float: left; width: 10%"><p>@Html.EditorFor(model => model.decEndAmt )<p></div>

    <div style="float: left; width: 20%"><p>@Html.EditorFor(model => model.tintFactorType)<p></div>
    <div style="float: left; width: 10%"><p>@Html.EditorFor(model => model.decMaxBonus )<p></div>
    <div style="float: left; width: 10%"><p>@Html.EditorFor(model => model.nvarMsg )<p></div>
    <div style="float: left; width: 10%"><p>@Html.EditorFor(model => model.varVCode  )<p></div>
</fieldset>

@Html.EditorFor（model=>model.decBeginQty）
@Html.EditorFor（model=>model.decedqty）
@Html.EditorFor（model=>model.decBeginAmt）
@Html.EditorFor（model=>model.decedamt）
@Html.EditorFor（model=>model.tintFactorType）
@EditorFor（model=>model.decMaxBonus）
@EditorFor（model=>model.nvarMsg）
@Html.EditorFor（model=>model.varVCode）

提前谢谢诸如此类的事

<fieldset  class="fieldsetthinner">
 <div class="editor"><p>THIS IS AN EDITOR<p></div>
 <div class="editor"><p>THIS IS AN EDITOR<p></div>
 <div class="editor"><p>THIS IS AN EDITOR<p></div>
 <div class="editor"><p>THIS IS AN EDITOR<p></div>
 <div class="editor2"><p>THIS IS AN EDITOR<p></div>
 <div class="editor"><p>THIS IS AN EDITOR<p></div>
 <div class="editor"><p>THIS IS AN EDITOR<p></div>
 <div class="editor"><p>THIS IS AN EDITOR<p></div>
</fieldset>

只需将其添加到CSS中。我添加了背景色以显示差异。您可以使用class或id，这样您就不会像现在这样重复键入类似的样式

---

这是您没有正确关闭

标签的工作原理

fieldset.fieldsetthinner
{
    background-color:gray;
}

.editor
{
  float:left;
  width:10%;
  background-color:red;
}
.editor2
{
 background-color:blue;
 float:left;
 width:20%;
}