I have got div
<div class="PF">
<img src="img" class="FollowerPic">
<span>Name</span>
<div class="Text"></div>
<div class="readURL">
<img src="../img/x.png" class="closeP">
<img src="" class="readIMG"></div>
</div>
</div>
Now div with class "Text" and image with class "readIMG" are defined by user they can be 100px or 500 px height.
.PF{
width: 600;
height: auto;
overflow: hidden;
min-height: 500;
span{
position: absolute;
font-family: sans-serif;
font-size: 32;
margin-left: 140;
margin-top: 50;
}
}
.readURL{
margin-left: -19;
margin-top: 100;
width: 300;
height: 260;
position:absolute;
border-bottom-right-radius: 8px;
border-top-right-radius: 8px;
display: none;
.readIMG{
width:600px;
// position:@Abs;
margin:-55 19 100;
height: inherit;
}
.closeP{
position:@Abs;
width: 40;
margin-left: 180%;
cursor:pointer;
}
}
I have tried this code to the parent div but it does not want to resize it stays the same height