IE和Firefox忽略了最大宽度样式

Question

我使用bootstrap，我有这些行：

<div class="col-lg-2">
    <div class="input-group">
        <span class="input-group-addon" style="max-width:70px">Serial Number</span>
        <input type="text" class="form-control" data-bind="value:DeviceSerialNumber" required />
     </div>
</div>

正如您所看到的，我想覆盖bootstraps默认的最大宽度input-group-addon。 在Chrome中它的工作和这个插件只有70px宽。但不是在FF和IE中。

你能告诉我为什么它只在Chrome中工作吗？

Answer 1

max-width仅适用于相同元素的width集合，因此除非您明确设置width，否则max-width无法计算，因此仍未定义。

More from MDN:

  

max-width CSS属性用于设置给定的最大宽度   元件。它会阻止width属性的使用值   变得大于为max-width指定的值。