iPhoneでabsolute要素が画面外にはみ出したときの対処法【CSS】

[talks text=’

概要
・背景色を付けたテキストをabsoluteで画像上に配置
・iPhoneだけなぜか画面外にはみ出る事象が発生

‘]

原因と解決策

absoluteとpaddingを併記していたこと。
padding用の子要素を新たに設けることで無事に解決した。

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