Make Float Divs Effect Parent Div Size?

[kensbeijing]

When I have a larger parent div, and put a smaller div inside (but give it a float:left), the parent div doesn't change size with the smaller div.<div id="parent"><div id="child" style="float: left;"></div></div>How do I make div parent get bigger as child gets bigger (to hold it in)?

[dsonesuk]

give the parent div a style of display:inline-block;

[kensbeijing]

give the parent div a style of display:inline-block;

oh thanks man, I never understood what these display blocks and inlines are.

[thescientist]

elements in a webpage are classified as either being inline or block level elements. For instance, div's, headers, paragraphs are considered block level elements. Where as anchor tags, images, and span tags would be considered inline elements.

Edited September 28, 2009 by thescientist

[dsonesuk]

I think you will find that a img is a inline element and not a block element

[thescientist]

i figured i would probably get one of those wrong... :)fixed it so I don't supply the wrong information.

Edited September 28, 2009 by thescientist