左边随右边高度变化

有时须要左边高度随右边进行变化,用height:100%,是不可行的,由于须要父级进行高度设定css

使用左边绝对定位,top:0;bottom:0;能够实现blog

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

  css以下:it

.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;
}
相关文章
相关标签/搜索