在IE11中的最大寬度問題

Question

我想在我的窗體中使用一些引導類在必填字段中添加左側的塞子。

<div class="input-group input-group-sm"> 
    <span class="input-group-addon label-danger" style="max-width:10px;"></span> 
    <input id="Name"maxlength="30"/> 
</div> 

這給我顯示，我正在瀏覽除IE11以外的所有瀏覽器。在IE11中，寬度保持不變，就像我沒有添加最大寬度屬性一樣。 這是必需的結果：

而這就是我得到了IE11（寬度是不一樣的）

Answer 1

嘗試增加給你的樣式表。

html { 
 
    -webkit-box-sizing: border-box; 
 
    -moz-box-sizing: border-box; 
 
    box-sizing: border-box; 
 
} 
 
*, 
 
*:before, 
 
*:after { 
 
    -webkit-box-sizing: inherit; 
 
    -moz-box-sizing: inherit; 
 
    box-sizing: inherit; 
 
}