IE11 不尊重 inline-block 元素上基于百分比的边距答案

【问题标题】：IE11 doesn't respect percent-based margin on inline-block elementsIE11 不尊重 inline-block 元素上基于百分比的边距
【发布时间】：2014-09-15 04:33:42
【问题描述】：

在 IE11 中扩大和缩小浏览器窗口不会重新定位具有基于百分比的边距的 inline-block 元素。 Here's a fiddle（其他浏览器应该可以正常使用，所以一定要用IE打开）。

您可以以编程方式应用无操作样式 onresize（如 zoom: 1）并触发布局，但我希望这里有人知道 CSS 解决方案，而不是那种 hacky 解决方法。

示例标记：

<div>
    <span class="box"></span>
    <span class="box"></span>
    <span class="box"></span>
</div>

还有 CSS：

.box {
    display: inline-block;
    margin: 0 5%;
}

【问题讨论】：

您解决了这个问题吗？我刚刚碰到了这个问题...

标签： margin percentage internet-explorer-11 css

【解决方案1】：

您提供的小提琴在我的 IE 11 中运行良好。

目前的利润率为 5%，很难看到。如果您将其更改为 1%，并开始调整浏览器的大小 - 它会变得更加明显。

希望这行得通！ :)

【讨论】：

@Jonathan 我使用的是 Windows 7； 64 位，你们呢？
Windows 7, 64 位也适合我自己。祝你好运！