CSSにおけるフロートの親要素の高さ

浮動要素はその親要素の高さを拡張しませんが、 プロパティheightを使って 手動で高さを設定することができます。 それをやってみましょう：

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

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

Результат: