Hoogte van de ouder van floats in CSS

Hoewel zwevende elementen hun ouder niet in hoogte uitbreiden, kunnen we zelf hun hoogte instellen met de eigenschap height. Laten we dit doen:

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

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

Результат: