CSS替代显示：IE和Opera的方框？

我使用display:box作为一个灵活的宽度div，其中有三个大小相同、间距相同的方框。这适用于Firefox、Safari和Chrome，但不适用于IE和Opera。我想知道IE和Opera的最佳替代方法是什么。以下是显示：框CSS:

.box {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    width: 100%;
}

.box1, .box2, .box3 {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    width: 0;
}

.box2, .box3 {  
    margin-left: 20px;
}

以及HTML：

<div class="box">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</div>

你可以在行动中看到它

我很高兴听到在IE和Opera中实现类似结果的替代方法

谢谢

---

尼克

在本机不支持显示：框的浏览器中实现对该功能的支持

谢谢。这看起来像是我想要的，我在Opera和IE中使用了flexie，可以看到它工作正常。从这个测试页面的源代码来看，我似乎只需要将jQuery和flexie.js添加到我的页面中就可以了，但我已经这样做了，它在我的页面上不起作用。你知道我还需要做什么吗？我也实现了我自己的，正如你所看到的，如果你在Opera和IE中看到，它工作不正常。它应该有三个并排的盒子。我收到了Flexie开发者的一条消息，说“Flexie只能通过元素读取样式。对不起，不能做块。”所以我想这就是为什么它不起作用的原因，尽管我不明白他的意思，也没有收到他的回复！这意味着，要让Flexie处理您的样式，必须使用

将它们添加到您的页面中。值得指出的是，Opera现在支持具有标准规范的Flexbox:display:flex；IE10支持稍旧的版本：display:flexbox；IE11将使用标准语法（与Opera和Firefox 22+相同）