CSS-ში ფლოატების მშობელის სიმაღლე

მიუხედავად იმისა, რომ მცურავი ელემენტები არ ფართოვდება თავიანთი მშობლის სიმაღლეში, ჩვენ შეგვიძლია თვითონ დავაყენოთ მას სიმაღლე height თვისების საშუალებით. გავაკეთოთ ეს:

html<div>
  <img src="img.png" alt="">
</div>

cssdiv {
  height: 100px;
  border: 1px solid red;
}
img {
  float: right;
}

Результат: