html - 将 CSS 样式的 div 宽度清除回无限宽度

Question

我有一系列自动生成的 div，其中包含标签和数据信息。

即

<div class="display-label">
    @Html.DisplayNameFor(model => model.BusinessPhone)
</div>
<div class="display-field">
    @Html.DisplayFor(model => model.BusinessPhone)
</div>
<div class="display-label">
    @Html.DisplayNameFor(model => model.Email)
</div>
<div class="display-field uri">
    @Html.DisplayFor(model => model.Email)
</div>

CSS:

div.display-label{
display: inline-block;
float: left;
width: 9em;
}
div.display-field{
display: inline-block;
width: 10em;
min-height: 1em;
float: left;
}

我想做的是让任何带有 uri 类的 div 删除任何先前设置的宽度，并让宽度像无样式的 div 一样 float 。我也想保留原始的“显示字段”类，因为它包含我希望所有字段都保持一致的其他样式。

div.uri{
   width:**Clear**
}

Answer 1

div.uri {
    width: auto;
}

并确保此样式在其他类样式之后声明。