IE9支持css3 flex的替代方法

Question

我有这个导航栏与动态项目。在ul.breadCrumbs中，商品编号可能会有所不同。该规则将是li的倒数ul.breadCrumbs的最大值的30％，并且最后的li应该占用剩余的空间。它正在Chrome和Firefox中使用flex，但不是在IE 9中使用flex。是否有其他方法可以满足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 polyfills各种HTML5和CSS3特性的列表。

Flexie由理查德·埃雷拉

灵活性 - Flexbox的IE浏览器8/9（需要特殊的前缀CSS）