У меня есть div [div1], который окружает другие элементы. Внутри элементов у меня есть изображение, которое позиционируется абсолютно. Div1 и элементы имеют поплавок слева от них и не показывают высоту. Есть ли способ сделать это так, чтобы основной общий div1 имел высоту, чтобы другие элементы, такие как нижние колонтитулы, могли плавать под ним.

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