css - 在 MVC 字段集中流动编辑器元素？

Question

我正在尝试获取 MVC 3 生成的“创建”页面，以使所有编辑器标签/文本框都浮动在字段集中。

我将脚手架 div 框包裹在另一个 div 中：

     <div class="editor-float">
        <div class="editor-label">
            @Html.LabelFor(model => model.EntryDate)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.EntryDate)
            @Html.ValidationMessageFor(model => model.EntryDate)
        </div>
    </div>

然后我添加了这个 CSS 代码：

.editor-float
{
   margin-right: 5px;
   float: left;
   position: relative;
}

问题是大多数 div 的浮动很好，但不是全部。

行为图片（Value4 自己坐在“行”中）：

有没有更好的 CSS 属性可以用来让事情变得更好？

Answer 1

你要的是clear财产。如果你有多个带有类 editor-float 的 div 元素，那么像clear: left; 这样定义 .editor-float ：

.editor-float 
{ 
    margin-right: 5px; 
    float: left; 
    position: relative; 
    clear: left;
}