布局问题:分栏高度等于设置了高度的一栏

Question

图如下，左边区域宽高是动态的width: calc(100% - 330px); padding-bottom: 40%;height: 0;右边宽度为300px，高度与左边持平如何实现右边分栏高度等于左边，且超出部份scrollcodeOpen

Answer 1

1,通过js或jq获取左侧栏目高度，将高度赋给右栏，然后超出设置sroll (安全)

var lhenght = $('.left').outerHeight();
$('.right').css('height', lhenght+'px')

2,使用flexbox (需要兼容)
3, grid (需要兼容)