有时需要左边高度随右边进行变化,用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{ 40%; background: #007aff; position: absolute; top:0; bottom: 0; left: 0; } .con-right{ 60%; padding: 10% 0; }