Tag Archives: css

height:auto not working

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