Html IE9支持css3 flex的替代方法

我有这个带有动态项目的导航栏。在

ul.breadCrumbs

中，项目编号可能会有所不同。规则将是最后一个

li

将最多占

ul.面包屑的30%，最后一个
li
应占剩余空间。它在Chrome和firefox中使用flex，但在IE9中不起作用。有没有一种符合IE9规则的方法

谢谢

<ul class="nav">
    <li>Some stuff..</li>
    <li>
        <ul class="breadCrumbs">
            <li>AAAAAAAA</li>
            <li>BBBBBBBB</li>
            <li>CCCCCCCCCC</li>
            <li>DDDDDDDDDD</li>
        </ul>


    </li>
</ul>

ul.nav > li:first-child{
    float:right;
}

ul.breadCrumbs{
    display:flex;  


}
ul.breadCrumbs > li:last-child{
    flex:1;  
}

ul.breadcrumbs > li:nth-last-child(2){
    max-width:30%;
}


一些东西


AAAAA
bbbbbbbbbb
中交
DDDDDDDDDD



ul.nav>li：第一个孩子{
浮动：对；
}
面包屑{
显示器：flex；
}
面包屑>李：最后一个孩子{
弹性：1；
}
ul.breadcrumbs>li:n最后一个孩子（2）{
最大宽度：30%；
}
各种HTML5和CSS3功能的多填充列表

Richard Herrera的Flexie

灵活性-适用于IE 8/9的Flexbox（需要特殊前缀CSS）

Flex布局不支持IE9。如果您必须在IE9中使用flex，您可以使用兼容的库“flex native”，该库可以在NPM上找到
感谢您的分享。但我正在寻找一些轻，我不需要添加一个库。