左边随右边高度变化

有时需要左边高度随右边进行变化，用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;
}

　　

转载于:https://www.cnblogs.com/Anne3/p/8610694.html