Auto height a div between two other divs <p>I am going to make a sidebar like Google+ or Facebook sidebar.</p> <p>sidebar is <code>position:fixed; left:0; top:0; bottom:0; width: 250px</code> and has:</p> <p>A header with 50px height<br> A footer with 50px height.<br> A content with dynamic height based on browser height.</p> <p><img src="https://i.stack.imgur.com/C7UTc.jpg" alt="enter image description here"></p> <p>any help?</p>