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;
.....
}