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