Как сделать div разворачивать содержимое с помощью css?

Question

У меня есть куча вложенных div на этой странице. Каждый из них может принимать контент, эквивалентный их размерам, больше содержимого, которое добавляется, переполняется в следующий div. Я бы хотел, чтобы #heading расширялся, поскольку я добавляю в него больше контента. Можно ли это сделать с помощью CSS ?.

<div id="heading"> 
    <form action="addplayer.php"method ="post" enctype="multipart/form-data"> 
     <img src="css/images/pid.jpg" alt="" /><br/> <input type="text" name="playerid" class="textbox"/><br/> 
     <img src="css/images/name.jpg" alt="" /><br/> <input type="text" name="name" class="textbox"/><br/> 
     <img src="css/images/age.jpg" alt="" /><br/> <input type="text" name="age" class="textbox"/><br/> 
     <img src="css/images/position.jpg" alt="" /><br/> <input type="text" name="position" class="textbox"/><br/> 
     <img src="css/images/nt.jpg" alt="" /><br/> <input type="text" name="nationality" class="textbox"/><br/> 
     <img src="css/images/photo.jpg" alt="" /><br/> <input type="file" name="image" class="textbox"/> 
    <input type="submit" value="Upload"/> 
    <form/>  
</div> 

Answer 1

Если вы не определяете ширину и/или высоту, элемент div растет вместе с его содержимым. Если его содержание не будет абсолютным! Если для содержимого установлено значение float, вы должны установить его в контейнер.

div{overflow: hidden; 
    height: auto; 
    }