title: Div organization needed in order to achieve specific behavior
body: <p>Please take a look at image below<br>
  All I want is somehow organize <strong>Div</strong> in order to achieve behavior drawn.<br>
  <strong>Div 2</strong> height can be dynamically changed and based on height I want containers to behave like i draw them.<br>
  The main problem that I encounter is that Div in this case will try to  force down both <strong>Div 3</strong> and <strong>Div 4</strong> (which is incorrect).<br>
  If this is not possible with <strong>Div</strong> only solution then maybe you can point at different container which can help here?, But still Div is proffered option.  </p>
  
  <p><img src="https://i.stack.imgur.com/Hws4L.png" alt="Div 2 resize"></p>
  
  <p><strong>UPDATE</strong><br>
  This 2 cases should work as well.</p>
  
  <p><img src="https://i.stack.imgur.com/ZvMEZ.png" alt="Div Update"></p>