How to make a div fill remaining vertical space?
<p>I have two main sections in the page 1) Topbar 2) Container.
The topbar has a fixed height of 50px and the container should have the remaining height.</p>

<p>I tried giving the container height as 100% but its not working correctly as it is making the webpage take 100% + 50px. Hence I am getting a vertical scrollbar which I am trying to avoid. </p>

<p>Here is a fiddle to demonstrate my issue. Please use the full screen view  <a href="http://www.bootply.com/ov2s9oOVku" rel="nofollow noreferrer">http://www.bootply.com/ov2s9oOVku</a> </p>

<p>How can I solve this issue ?  </p>

<p><strong>Update 1</strong></p>

<p>I tried the solution posted in posted here <a href="https://stackoverflow.com/a/24979148/5936814">https://stackoverflow.com/a/24979148/5936814</a> but for some reason its not working for me. Please see this fiddle <a href="http://www.bootply.com/9iyQJ7Trw2" rel="nofollow noreferrer">http://www.bootply.com/9iyQJ7Trw2</a>.</p>