IE8中 flex 和flexbox（伸缩盒）无效是怎么回事？求解答

[摩卡sky]

在css中定义了
.-sdk-navbar{
height:60px;
}
.-sdk-navbar-main{
height:inherit;
width:960px;
margin:0 auto;
display:flex;
}
.-sdk-navbar-main-bar{
flex-grow:1;
display:flex;
align-items:center;
justify-content:center;
}
a.dsfh-sdk-navbar-main-bar-link:link{
text-decoration:none;
width:100px;
color:#666666;
font-size:14px;
font-family:"微软雅黑";
display:flex;
justify-content:center;
}
a.-sdk-navbar-main-bar-link:visited{
color:#666666;
}
a.-sdk-navbar-main-bar-link:hover{
font-size:16px;
font-weight:bold;
}
在chrome中可以正常显示，但在IE8中无效果（ie11正常），应该是在一行内显示，结果变成好几行了，大神们求解啊
是说伸缩盒ie低版本没法用吗？

<div class="d-sdk-navbar">
<div class="-sdk-navbar-main"><!--这里是-伸缩盒子模型的容器-->
<div class="-sdk-navbar-main-bar"><!--这里是-伸缩盒子模型的项目-->
<a href="" class="-sdk-navbar-main-bar-link"><!--这里是-链接按钮-->
产品介绍
</a>
</div>
<div class="-sdk-navbar-main-bar"><!--这里是-伸缩盒子模型的项目-->
<a href="" class="-sdk-navbar-main-bar-link"><!--这里是-链接按钮-->
SDK
</a>
</div>
<div class="dsfh-sdk-navbar-main-bar"><!--这里是-伸缩盒子模型的项目-->
<a href="" class="dsfh-sdk-navbar-main-bar-link"><!--这里是-链接按钮-->
关于我们
</a>
</div>
<div class="dsfh-sdk-navbar-main-bar"><!--这里是-伸缩盒子模型的项目-->
<a href="" class="dsfh-sdk-navbar-main-bar-link"><!--这里是-链接按钮-->
问题帮助
</a>
</div>

[摩卡sky]

恩，卡看的睡得很死啊

[sunmeng0109]

这个是css3中的属性，IE8根本不支持

[ll20073001ll]

在IE7,IE8浏览器中，不支持flex，以及flexbox的，可以通过float的特性来实现横向的flex布局，效果跟flex，flexbox一样，纵向的可以使用absolute 同时设置top，bottom实现不完美的纵向flex布局。代码太麻烦,给你个文章链接，自己去看吧，http://www.webfront-js.com/articaldetail/48.html，float的flex布局，http://www.webfront-js.com/articaldetail/75.html,同时设置absolute的top 和bottom。