IE11中的max-width问题

Question

我正在尝试使用一些bootstrap类在我的表单中的必填字段中添加一个左边的包。

<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中，宽度保持不变，就像我没有添加max-width属性一样。 这是必要的结果：

这就是我在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;
}