css - 如何在适用于 IE11 的中心 div 中对齐两个 div？

Question

我需要一个标题，它有两个并排的 div，每个 div 有两个图像标签。它在除 Internet Explorer 11 之外的所有浏览器上都能正常工作。我该怎么办？请帮忙。这是我的代码..

我的 html:

<div id="Header">
    <div id="Heder_Logo_Uttara" style="width:50%;">
        <img src="IBU_Image/uttora_bank_logo.jpg" style="width:100%; height: 130px;" />
    </div>

    <div id="Header_Right_Uttara">                         
        <img src="IBU_Image/ibankultimus.png" style="float:right; padding-top:50px;"/>
   </div>
</div>

CSS:

#Header 
{ 
    width: 1000px; 
    height: 130px; 
    background-color:Green; 
}

#Heder_Logo_Uttara
{
    float:left;
    margin:0;
    width:50%;
    height: 130px;
}
#Header_Right_Uttara

{   
    float:right;
    width:50%;
    height: 130px;
}

此外，here是我的笔，除了 IE11 外，它工作正常。在 IE11 上，我的 #Heder_Logo_Uttara 容器图像返回到左侧 Angular 落并且 #Header_Right_Uttara 与左侧容器剩余空间重叠。

Answer 1

我已经添加了以下条件 css，它现在工作正常。

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {

        *::-ms-backdrop, #Header {
            padding-left: 250px;
            display: flex;

        }
}