Question

我需要一个标题，它有两个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容器图像返回到左侧角，#Header_Right_Uttara与左侧容器剩余空间重叠。

Answer 1

你可以尝试一些事情：

要让儿童div水平对齐中心（我认为你在问题中指的是），你可以把

margin:auto;

在父div的CSS中。如果您希望divs并排显示，可以尝试添加

display: flex;

到父DIV，它将告诉div以行第一的方式显示它的子节点。但是就像评论者说的那样，看到图片，或者你想要完成的截图，以及你在IE11中看到的内容，都会很有帮助。祝你好运！

如何在IE11中心的div中对齐两个div？

1 个答案: