有时需要左边高度随右边进行变化,用height:100%,是不可行的,因为需要父级进行高度设定

使用左边绝对定位,top:0;bottom:0;可以实现

<div class="con">
    <div class="con-left"></div>
    <div class="con-right">1111111</div>
</div>

  css如下:

.con{
    position: relative;
    padding-left: 50%;
}
.con-left{
    width: 40%;
    background: #007aff;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
}
.con-right{
    width: 60%;
    padding: 10% 0;
}