float-end bg-success

html bootstrap5 Sample

フロートを解除する（親要素範囲内でfloatを使う）：clearfix

右フロート

  <!-- 親にclearfixすることで、その中だけでfloatを使うことで、他のレイアウト崩れを回避するために使う -->
  <!-- 重なっていない浮いているから背景色出る -->
  <!-- 幅50でmx-autoで赤色を指定している -->
  <div class="w-50 mx-auto bg-danger clearfix">
    <div class="float-end bg-success">右フロート</div>
  </div>

フロートを解除なし（重なっているので背景色がでない）

右フロート

  <div class="w-50 mx-auto bg-danger">
    <div class="float-end bg-success">右フロート</div>
  </div>