利用border實現等高布局（邊框寬度固定），效果圖如下
模組1
模組2模組3
.box
.left
.clearfix::after
需要注意的地方：
（1）利用了元素邊框顏色和背景顏色的高度相等的原理，因此background-clip應該為預設值border-box。背景顏色被邊框顏色覆蓋，因此出現了這樣的效果。
（2）標籤內容寬度與父元素左邊框寬度一致，左浮動並放置在左邊框區域中，注意讓父元素清除浮動來包含浮動的子元素。
（3）該方法的侷限是等高區域的左側寬度只能為固定值，無法為百分比，雖然也可以使用css3的新單位如50vw，但是相容性不好。
利用margin實現等高布局
複製 如下 www.cppcns.com id main 我是左邊的內容的啦啦啦啦。我是左邊的內jodaxzuti容的啦啦啦啦。我是左邊的內容的啦啦啦啦。我是左邊的內容的啦啦啦啦。我www.cppcns.com是左邊的內容的啦啦啦啦。左邊的內容.哈哈哈哈哈 複製 如下www.cppcns.com o...
等高布局 詳解
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...