メインコンテンツにスキップ
はみ出し

親ボックスからはみ出した要素の扱い(オーバーフロー)

Saika avatar
対応者:Saika
4か月以上前に更新

親ボックスからはみ出した子ボックスをどのように表示させるかを、スタイルバーの「はみ出し」から設定できます。

「はみ出し」は、エディターでボックスを選択した際に画面上部に表示されるスタイルバーで確認できます。

表示

親ボックスからはみ出た子ボックスをそのまま表示します。

非表示

親ボックスからはみ出た子ボックスを隠します。

スクロール

子ボックスを進行方向(垂直または水平)にスクロールさせることができます。

ボックスの方向や並びを調整するとスクロールの方向や開始地点が調整できます。

エディター上でスクロールバーを使用して進行方向を確認できます。ただし、このスクロールバーは、エディター上での確認にのみ表示され、ライブプレビューと本番サイトでは表示されないのでご注意ください。

※マウスでの操作の場合、一般的にShiftキーを押しながらスクロールすると垂直方向になります。

overflow visible hidden scroll スクロール 横スクロール

こちらの回答で解決しましたか?