В общем есть блок main, в нем 2 блока:
block-a position absolute и
block-b - содержимое которого растягивает блок main по высоте.
Как сделать что бы block-a то же растягивался по высоте main блока
https://codepen.io/anton-mescherqkow/pen/ZVzvxX<div id="main" style="width:1200px; margin:0 auto;">
<div id="block-a" style="position:absolute; height: ????? ; width:1200px;">
<div style="height:100%;" >
<div style="height:100%;">
<div style="background-color:rgba(255,0,0,0.1); border:1px solid rgba(255,0,0,0.1);height:100%"></div>
</div>
</div>
</div>
<div id="block-b">
<div>
<div>
<div style="background-color:rgba(0,0,255,0.1); border:1px solid rgba(0,0,255,0.1);height:100%">1<br>2<br>3<br>4</div>
</div>
</div>
</div>
</div>