CSS Flex IE的使用方法

現在越來越多的網站采用了CSS Flex布局技術，但是由于早期的IE瀏覽器對Flex布局的支持不夠完善，因此在開發網站時需要特別注意Flex布局在IE瀏覽器上的兼容性。下面提供一些使用CSS Flex IE的方法。

1. 使用-webkit-box-flex
在IE瀏覽器中，CSS3 Flex布局相關屬性都不支持。但是，IE瀏覽器支持-webkit-box-flex屬性，它在Safari和Chrome等瀏覽器中也同樣適用。因此，可以使用該屬性來進行兼容IE的布局。

.box {
display: -webkit-box; /*支持早起IE*/
display: flex;
-webkit-box-flex: 1;
flex: 1;
}

2. 使用float屬性
由于Flex布局是通過display:flex或display:inline-flex來實現的，因此在IE瀏覽器中不支持。這時，可以使用float屬性以及width和height來實現等同的效果。

.box {
float: left;
width: 100%;
height: 100%;
}

3. 使用JS Polyfill庫
可以使用JS Polyfill庫來解決Flex布局在IE瀏覽器中的不兼容問題。比較常用的JS Polyfill庫有Flexie和Flexibility。

總之，要想使Flex布局在IE瀏覽器中得到兼容，通常需要使用多種方法來實現。開發者應該根據實際需求，選擇最合適的方法進行布局。