等高布局的方法是指在同一个父容器中子元素高度相等的布局。从等高布局的实现上，分为两种伪等高子元素。身高差还是存在的，但是给人的视觉印象是等高。真正的等高子元素是等高的。首先我们来看看通过negativemargin和padding实现falsecontour的方法。Margin的实现可以参考下面这篇文章 left
等高布局的方法是指在同一个父容器中子元素高度相等的布局。从等高布局的实现上，分为两种伪等高子元素。身高差还是存在的，但是给人的视觉印象是等高。真正的等高子元素是等高的。首先我们来看看通过negativemargin和padding实现falsecontour的方法。Margin的实现可以参考下面这篇文章 left
我是中部内容
我是中部内容
我是中部内容
我是中部内容部分
right
left
我是中间部分的内容
我是中间部分的内容
我是中间部分的内容
我是中间部分内容
right
left
我是中间部分的内容
我是中间部分的内容
我是中间部分的内容
我是中间部分的内容
我是中间部分的内容
我是中间部分的内容
p>right
.parent{位置：绝对；颜色：#efefef；宽度：100%；高度：200px；}。左边，对，.center{位置：绝对；框大小：边框框；顶部：0；底部：0；}.center{背景颜色：#2ECC71;左：200px；右：300px；200像素；背景色：#1ABC9C；}.right{右：0;宽度：300px；背景色：#3498DB；}真实轮廓-flex.parent{display:flex;颜色：#efefef;宽度：100%；height:200px;}.left,.right,.center{box-sizing:border-box;flex:1;}.center{background-color:#2ECC71;}.left{background-color:#1ABC9C;}.right{background-color:#3498DB;}left
我是中间的内容
我是中间的内容
我是中间的内容
我是中间的部分内容
right
真正的轮廓——grid.parent{display:grid;颜色：#efefef；宽度：100%；高度：200px；网格模板列：1fr1fr1fr；}.left,.right,.center{box-sizing:border-box;}.center{背景色：#2ECC71;}.left{背景颜色：#1ABC9C；}.right{背景颜色：#3498DB;}left
我是中间部分的内容
我是中段内容
我是中段内容
我是中段内容
right
真正的contour-js获取所有元素的最高列，然后比较修改left
我是中间部分的内容
我是中间部分的内容
我是中间部分的内容
我是中间部分的内容
右
.parent{overflow:auto;颜色：#efefef；}.left,.right,.center{浮动：左；}.center{宽度：60%；背景色：#2ECC71；}.left{宽度：20%；背景色：#1ABC9C；}.right{宽度：20%；背景色：#3498DB；}//获取最高元素的高度varnodeList=document.querySelectorAll(".parent>div");vararr=[].slice.call(nodeList,0);varmaxHeight=arr.map(function(item){returnitem.offsetHeight}).sort(function(a,b){returna-b;}).pop();arr.map(function(item){if(item.offsetHeight