Html IE 10中的导航栏在flexbox属性的左侧浮动对齐内容:flex end

Html IE 10中的导航栏在flexbox属性的左侧浮动对齐内容:flex end,html,css,flexbox,Html,Css,Flexbox,我基本上有以下网站, 现在,我已经检查了IE 11和IE 10中的标题,在我的系统上,它看起来如下所示: (上面的屏幕截图应该是这样的。) 但在我的BOSS系统上,导航栏向左浮动并与徽标重叠,基本上徽标和导航栏位于父容器中,我应用了以下属性: .main-nav > .container { height: 105px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;

我基本上有以下网站, 现在,我已经检查了IE 11和IE 10中的标题,在我的系统上,它看起来如下所示:

(上面的屏幕截图应该是这样的。) 但在我的BOSS系统上,导航栏向左浮动并与徽标重叠,基本上徽标和导航栏位于父容器中,我应用了以下属性:

.main-nav > .container {
    height: 105px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    padding-bottom: 10px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

使用
left
属性将徽标绝对定位并左对齐。现在,为什么在我的BOSS系统中,导航栏向左浮动或左对齐,而不尊重
justify content:flex end

您似乎没有为
justify content
属性设置前缀。删除所有前缀并在此处运行CSS:看起来您没有
justify content
属性的前缀。删除所有前缀并在此处运行CSS: