CSS元素不会在IE 8中并排堆叠
我有以下代码在我的网站上显示一些联系信息。
HTML
<div class="contactinfo">
<div class="phoneicon">
<a href=""><img src="../images/phoneicon.png" alt="Phone"></a>
</div>
<div class="navdivide1">
<a href=""><img src="../images/navdivide.png" alt="Email"></a>
</div>
<div class="emailicon">
<a href=""><img src="../images/emailicon.png" alt=""></a>
</div>
</div>
CSS
.contactinfo {
display: flex;
float: right;
position: inherit;
right: 0;
top: 0px;
}
.phoneicon
{
}
.emailicon
{
padding-right: 10px;
}
.navdivide
{
}
它在IE11中工作正常，但在IE 8中，元素叠加在另一个之上。
我想也许是“显示器：弯曲;” 在IE8中不支持？
我怎样才能让这些CSS元素并排排列？
谢谢
display: flex在IE8中绝对不支持display: flex 。 我建议网站caniuse.com作为这类信息的重要资源，以下是您的问题的相关页面：http://caniuse.com/flexbox
相反，你可能会想使用CSS浮点数。 像这样的东西可能适合你：
.phoneicon,
.emailicon,
.navdivide {
float: left;
}