IE 11 CSS 浮动不是内联的

Question

在 Chrome 中，两个向左浮动的 div 是内联的且大小正确。

但是在 Internet Explorer 11 (IE11) 中，它们不再是内联的，而且徽标的高度似乎更大。

我已经发布了代码https://jsfiddle.net/3e8bwqaf/

#logoBar, #siteHeaderBar {
    float: left;
}

我在不同的元素上尝试了一堆清除和溢出，但我仍然无法让它在 IE11 上看起来正确

Chrome on top, IE11 on bottom

你会如何固定漂浮物使其不会堆叠在一起？

Answer 1

它与 svg 有关，因为它在 IE 中以 1:1 比率呈现。您可以在其上设置高度，例如style="height:26px" 使其在 IE 中也能正常工作。