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一样浮动。我想保留原来的“display-field”类，因为它包含了我想要对所有字段保持一致的其他样式。

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

Answer 1

任何给定元素的默认宽度通常为auto：

div.uri {
   width: auto;
}

Answer 2

div.uri {
    width: auto;
}

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

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

2 个答案: