Div hat keine Höhe, wenn sich darin ein Bild befindet

Ich habe ein div [div1], das andere Elemente umgibt. Innerhalb der Elemente habe ich ein Bild, das absolut positioniert ist. Div1 und die Elemente sind mit Float versehen und weisen keine Höhe auf. Gibt es eine Möglichkeit, dies zu tun, so dass das Haupt-Div1 eine Höhe hat, so dass andere Elemente wie Fußzeilen darunter schweben können.

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;
   }

Antworten auf die Frage(2)

Ihre Antwort auf die Frage