1.flex布局實(shí)現(xiàn)三列等高布局
align-items：stretch
2.padding margin 和隱藏實(shí)現(xiàn)三列等高
padding-bottom撐開內(nèi)容高度100px叔扼，margin-bottom設(shè)置負(fù)值使下面的元素向上移動
再對父容器設(shè)置overflow:hidden;
圖片.png
代碼
3.三層包裹晴楔，利用包裹層div自身的自適應(yīng)性，實(shí)現(xiàn)三列等高
父容器層層往左移
圖片.png
代碼：
圖片.png
圖片.png
圖片.png
4.margin負(fù)值實(shí)現(xiàn)三列布局
圖片.png
代碼：
圖片.png
圖片.png
注意：
給中間層添加包裹層是個重點(diǎn)
因?yàn)榻缇疲挥挟?dāng)width為auto時(shí) 設(shè)置margin和padding才會壓縮div的寬度
當(dāng)要達(dá)到使div自適應(yīng)的寬度顯示在中間時(shí) 必須要給它加一個包裹層 寬度100% 這樣center的寬度才能是 「 auto 」
假象，不要包裹層 給center自己設(shè)置width:100% 當(dāng)設(shè)置margin-left：200px時(shí) center右移200px 這個時(shí)候center是移動到了右邊的窗口外面 這個時(shí)候 需要給center設(shè)置margin-right 不會起作用
所以必須給它加一個包裹層
