How to auto adjust parent DIV height according to the contents in child DIV?
css, html
Solution
if the two child divs are floats then you could use:
div.parent{ overflow: hidden; }
with NO height specified.
Problem
I have one parent DIV inside parent DIV i have two DIV one in left and second is in right side inside the parent DIV i want when i write any content in left or right div tag the parent DIV will be auto adjusted according to the height of left or right DIV tags.. How to write the .css file to perform this ? the main DIV will not be adjusted according to the child div in Design View : review my code please : ``` <div style="padding: 8px; overflow: hidden; background-color: #FFFFFF;"> <div style ="float:left"> <p>Hi, Flo!</p> </div> <div style ="float:right; height: 180px;"> <p>is</p> <p>this</p> <p>what</p> <p>you are looking for?</p> </div> </div> ```