等高布局是指子元素在父元素中高度相等的布局方式。等高布局的實現包括偽等高和真等高，偽等高只是看上去等高而已，真等高是實實在在的等高。
邊框模擬、負margin這兩種偽等高以及table實現、absolute實現、flex實現、grid實現和js判斷這五種真等高布局
邊框模擬
因為元素邊框和元素高度始終是相同高度，用元素的邊框顏色來偽裝左右兩個兄弟元素的背景色。然後將左右兩個透明背景的元素使用absolute覆蓋在中間元素的左右邊框上，實現視覺上的等高效果
[注意]左右兩側元素的內容高度不能大於中間元素內容高度，否則無法撐開容器高度
幾種布局方式
1.固定布局 方法裡把加好，然後根據設計稿設定相應的寬度即可，其他地方類似於pc端。優點 思路沿用pc端，上手比較快 缺點 大屏手機顯示網頁比較寬，而固定布局寬度參照永遠是固定的寬度 設計稿的大小 導致左右兩邊會有空白。手機橫屏的時候兩邊空白更亮。2.流動布局 方法適用百分比 做單位。優點 能更很好...
等高布局 詳解
3 等高布局 height auto時的現象 height auto 全部都是內容撐開 每一列盒子高度同時變化,以最高的那列為基準 整個盒子的高度應該取決於最高的那列 3 真等高 背景盒子法 原理 父盒子取決於內容盒子裡最高的盒子的高度 1.多列浮動併排 清除浮動影響 2.給最外側的盒子再套幾個盒子...
偽等高布局
偽等高布局title charset utf 8 name viewport content width device width initial scale 1.0 type text css container box1 box2 box1 box2 clearfix after box3 bo...