彈性佈局（Flexbox）確實為我們構建複雜、靈活的佈局帶來了很大的便利，但是它的相容性確實讓人很頭痛，下面是我遇到的一個問題：

理想效果：

IE11效果：

html大概結構：

<div class="box">
	<div class="input-container">
		<input />
		<div class="tooltip"></div>
	</div>
	<button></button>
</div>

這裡大致說一下css，input-container寬高沒設死，由input決定，並設定position: relative;相對定位，並採用display: flex;彈性佈局。tooltip設定絕對定位，通過top調整垂直位置，由input-container的彈性佈局屬性設定水平居中（是不是覺得我很作死，為什麼不直接用絕對定位就把垂直水平都搞定了。哈哈，一切源於一顆裝B+傻B的心，不過，能實際體會一下flexbox帶來的問題，我覺得也挺好的）。

結果在chrome下正常，IE11下就成上圖那樣了，我上MDN Web看了一下，說彈性佈局是支援IE11的（下圖），但是從上圖來看，IE下垂直方向是對的，但是水平方向卻不對，說明flexbox還是沒被支援，我也嘗試著添加了各種字首，還是不行。

最後，還是選擇用絕對定位解決了這個問題。可能是我資料查的不夠，如果各位有flexbox相容IE的方法，敬請告知，謝謝！