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的比例呈現。你可以設置高度，例如style =「height：26px」以使其在IE中也能工作。