Div nie ma wysokości, gdy wewnątrz znajduje się img

Mam div [div1], który otacza inne elementy. Wewnątrz elementów mam obraz, który jest ustawiony bezwzględnie. Div1 i elementy mają na sobie pływak i nie wykazują wysokości. Czy istnieje sposób na to, aby główny ogólny div1 miał wysokość, więc inne elementy, takie jak stopki, można unosić pod nim.

HTML

<div class="div1">
  <div> <img src="image1.jpg" /> </div>
  <div> <img src="image2.jpg" /> </div>
  <div> <img src="image3.jpg" /> </div>
</div>

CSS

.div1{
   width:100%;
   height:auto;
   overflow:auto;
   float:left;
   }
.div1 div{
   width:100%;
   height:auto;
   overflow:auto;
   float:left;
   }
.div1 div img{
   width:100%;
   height:auto;
   position:absolute;
   display:block;
   float:left;
   }

questionAnswers(2)

yourAnswerToTheQuestion