html - IE9支持css3 flex的替代方式

Question

我有这个带有动​​态元素的导航栏。在 ul.breadCrumbs 中，元素编号可能会有所不同。规则将是倒数第二个 li 最多占 ul.breadCrumbs 的 30%，最后一个 li 应占用剩余空间.它可以在 Chrome 和 firefox 中使用 flex，但不能在 IE 9 中使用。是否有替代方法来满足 IE 9 的规则？

谢谢

<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%;
}

Answer 1

Here's各种 HTML5 和 CSS3 功能的 polyfill 列表。

Flexie by Richard Herrera

Flexibility - Flexbox for IE 8/9 (requires special prefixed CSS)