Setting Display:none Div Inside Div Still Takes Up Space

I have a main div contains two divs (one for heading and other for content). the main div is placed at the bottom of the html page with absolute positioning. When I hide content di

Solution 1:

For .tll, you set a height of 100px.

.tllH is only 20px and coincidentally .tllC is 80px.

Solution 2:

This is because the height of main container is fixed,The solution is present in this fiddle.

Solution 3:

Setting .tll{height: auto} fixed the issue!