CSS｜iPhoneでabsolute要素が画面外にはみ出したときの解決方法

背景色付きのテキストをabsoluteで画像上に配置したら、iPhone（iOS）だけなんか画面外にはみ出しちゃう。そんなときの解決策です。

原因と解決策

absoluteとpaddingを併記していたこと。
子要素にpaddingを設定することで無事解決しました。

<div class="position-absolute p-3">
  <p>テキスト</p>
</div>

↓

<div class="position-absolute">
  <p class="p-3">テキスト</p>
</div>