IE11 中的最大宽度问题答案

【问题标题】：max-width issue in IE11IE11 中的最大宽度问题
【发布时间】：2015-09-01 01:23:09
【问题描述】：

我正在尝试使用一些引导类在我的表单中的必填字段中添加一个左桶。

<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中得到的（宽度不一样）

【问题讨论】：

您是否使用空元素作为左边距？
是的，它是一个空跨度
所以我可以问你为什么不简单地删除该跨度并为父 div 设置一个 padding-left ？
我添加了屏幕截图来描述更多我的问题
请添加 CSS 或 jsfiddle。

标签： css html twitter-bootstrap internet-explorer-11

【解决方案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;
}

【讨论】：