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

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

原因と解決策

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

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

この記事はお役に立てましたか？

はい

いいえ

ヤフーに戻ります