將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.uri{ 
    width:**Clear** 
} 

Answer 1

div.uri { 
    width: auto; 
} 

並確保這種風格是其他類樣式後聲明。

Answer 2

任何給定的元素的默認寬度通常爲auto：

div.uri { 
    width: auto; 
}