如何在 IE11 上工作的 div 中对齐两个 div？

Question

我需要一个 header，它有两个并排的 div，在 each.It 中有两个图像标签，在每个浏览器上都能正常工作，除了 Internet Explorer 11.What 应该我做？请help.Here是我的代码..

我的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 容器图像返回到左侧角落并且 #Header_Right_Uttara 与剩余的左侧容器重叠 space。

Answer 1

您可以尝试几件事：

要让 children div 水平居中（我想你在问题中指的是）你可以把

margin:auto;

在CSS中为parentdiv。如果你想让 div 并排显示，你可以尝试添加

display: flex;

到 parent DIV，这将告诉 div 以 row-first 的方式显示它的 children。但就像评论者所说的那样，查看图像或您尝试完成的内容以及您在 IE11 中看到的内容的屏幕截图会很有帮助。祝你好运！

Answer 2

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

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

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

        }
}

如何在 IE11 上工作的 div 中对齐两个 div？

How to align two div's within a div in center which works on IE11?

css

internet-explorer-11