I have been facing with css problem from long time, that i have three divs
- container
- leftbar
- rightbar
.container{ height: auto; .... ... } .leftbar{ float:left; .... ... } .rightbar{ float:right; ..... }
The problem i am facing is, when the rightbar div or the leftbar div height increases , the container div height remains the constant.
Finally i solved the problem by adding the property overflow hidden in the container div.
Here is the solution i solve the problem of Css height auto not working
.container{ height: auto; overflow: hidden; .... ... } .leftbar{ float:left; .... ... } .rightbar{ float:right; ..... }