CSS3中的boxflex是一個非常強大的布局工具，以前我們需要使用各種hack的方式來實現(xiàn)彈性布局。但是IE并不支持boxflex，這在IE不同版本之間也是存在差異的。

.box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-flex: 1;
}
/* IE10及以上 */
@-ms-viewport {
width: device-width;
}
.box {
display: -ms-flexbox;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
-ms-box-flex: 1;
}
/* IE9 */
.box {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-flex: 1;
display: -ms-flexbox;
-ms-flex-direction: column;
-ms-flex-negative: 0;
display: flex;
flex-direction: column;
flex-shrink: 0;
flex-grow: 1;
}

我們可以看到，在IE中，我們需要使用-ms-前綴來實現(xiàn)flexbox的效果。在IE9中，我們還需要使用-webkit-box來實現(xiàn)彈性布局。

當(dāng)然，如果你不需要兼容IE9及以下版本，那么完全可以不用考慮上面的兼容性問題。在現(xiàn)代瀏覽器中，boxflex已經(jīng)得到了很好的支持。