早之前有所了解，現(xiàn)在有時間整理一下，跟大家分享學習。
雖然Flex布局09年就被W3C所提出，但是目前瀏覽器支持上還不是很好，網(wǎng)上找的一張圖片，僅供參考：
我們先從簡單講起。如果僅僅只想實現(xiàn)一個柵格布局，沒必要引入一個復雜的框架（如bootstrap），短短幾行代碼也能實現(xiàn)該功能。
例子：有個父div，三個子div，寬度比是1:2:1，以下代碼：
<!DOCTYPE html><html><head>
<title></title>
<style>
* {
box-sizing: border-box;
}
body {
padding: 20px;
}
.flex{
display:flex;
}
&n
