右下にボタンを貼り付ける

概要

アプリの画像

私はブートキャンプ用にこのプロジェクトを作成していますが、この + ボタンをこのコンテナの右下に移動するのに苦労しています。私のプロジェクトには、電話画面をシミュレートするためのこのコンテナがあります。私はそれとすべてのためのサブコンテンツボックスを持っていますが、フッターのすぐ上の下部にボタンが固着するのに苦労しています。現時点では、私が作成するそれぞれの「ミッション」に常にこだわっています。

.bottom-right-button {
  position: absolute;
  bottom: 0;
  right: 0; 
}

これを試してみましたが、これを実行すると、電話画面のシミュレーションではなく、実際のページの右下にボタンが表示されます

解決策

どの div を整列させたいかは次のとおりです。

position: absolute;
bottom: 0;
right: 0;

どちらの div も参照として受け入れます。

position: relative;