Есть HTML код: <div class="figure"> <div class="text"> <p>Текст</p> </div> <div class="image"> <img width=568px src="images/cont.jpg"> </div> </div> Проблема в том что картинки подгружаються с разной высотой и нужно, чтобы блок "figure" имел высоту соответственно картинке, а на выходе получается 0. Также проблема назначить блоку "text" высоту блока "figure". Соответственно CSS код: .figure { margin-bottom: 15px; margin-left: -70px; padding: 10px; border-style: solid; border-width: 1px; border-color: rgb(102, 102, 102); width: 1204px; height: auto; } .figure div { margin:0; padding: 0; } .figure4 .image{ width: 48%; position: relative; float: right; } .figure4 .text{ width: 52%; position: relative; float: left; padding: 20px 25px 0 290px; }