现在肯定是flex咯
我记得以前还有一种方案, padding: 10000px; margin: -10000px大概是这样!
要不然就通过js去控制

flex ;

.wrap > * { height: 100%; }

1. flex拉伸

display: flex;
align-items: stretch;

2. padding margin抵消 然后background-clip默认是border-box所以会在被抵消的位置依然显示背景 造成等高假象

.box,.box2{
    float: left;
    width: 100px;
}
.box {
    background: #cccccc;
    height: 300px;
}
.box2 {
    background: #306eff;
    padding-bottom: 99999px;
    margin-bottom: -99999px;
}

table 很适合的。

使用浮动：padding-bottom 9999px margin-bottom -9999px互相抵消，父级清除浮动，即子元素最高的高度就是父盒子最高的高度
使用flex：默认的flex的align配置就是自动填充满父级盒子，设置子元素高度即父元素高度
使用定位：top和bottom都是0，然后撑开父元素的高度；

使用浮动：padding-bottom 9999px margin-bottom -9999px互相抵消，父级清除浮动，即子元素最高的高度就是父盒子最高的高度
使用flex：默认的flex的align配置就是自动填充满父级盒子，设置子元素高度即父元素高度
使用定位：top和bottom都是0，然后撑开父元素的高度；

var a=1;
var b=2;
a = a^b
b= a^b;
a= a^b;
console.log(a,b)