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

Question

图如下，左边区域宽高是动态的

width: calc(100% - 330px);
padding-bottom: 40%;height: 0;

右边宽度为300px，高度与左边持平
如何实现右边分栏高度等于左边，且超出部份scroll

codeOpen

Answer 1

1,通过js或jq获取左侧栏目高度，将高度赋给右栏，然后超出设置sroll (安全)var lhenght = $('.left').outerHeight(); $('.right').css('height', lhenght+'px')2,使用flexbox (需要兼容)3, grid (需要兼容)