IE 11 CSS Float不是内联的

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的比例呈现。您可以在其上设置高度，例如风格=＆＃34;高度：26px＆＃34;使其在IE中也能正常工作。