[css]关于flex在IE11中不兼容问题

在IE11中使用了display:flex下的子控件不能正确显示,删掉属性后可以显示,但是位置错乱.

在网上搜索了下,有各种各样的说法,但是都未能解决问题.

那索性不用flex吧,直接通过left/top/right这些来固定控件试试,我的控件本来的css:

效果是右上角置顶

.right_top_bar{
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 0;
}

在我取消flex,发现控件向下移动了;加上top:1px固定准位置

然后发现这个时候我重新使用flex,flex又可以正常显示了

但基于什么原理就不太清楚了.