normally when i have a container div which for example has 2 inner divs floating left i usually float the container set it with a width and set height as auto so that as the height of any of the 2 inner divs increases the container div automatically increases

for the 2 inner divs i write
#outerdiv .innerdiv1{
    float: left;
    width: 400px;
    height: auto;
}
#outerdiv .innerdiv2{
    float: left;
    width: 500px;
    height: auto;
}

however i have seen a code for such a situation wherein the container is mentioned as
#containerdiv{
    overflow: auto;
}


here the containerdiv is not set to float left and no width and height specified and only a single line as overflow: auto

my question instead of setting a float left, width of some value and height to auto for the containerdiv what is the need to use #containerdiv{ overflow: auto;} what advantage would it give if i were to have instead as #container{float: left; width: 900px; height: auto;} which i usually do

please advice

thanks

overflow auto identifies if you need to use a scroll. It's useful when you have a fixed size of your div. For instance, if your div has a height of 100px but the content does not fit in it, a scroll will appear in the div.

Regards,
Tim.


_________________
First free hosting reseller program

nice

For what purpose this code is? Can you mentioned which project are you working with right now so we can have some more clear idea regarding the code