質問: ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ ブラウザの幅1980pxと仮定 に入力した「あああ...」はwhite-space:nowrap;のため折り返しをしません。 従ってブラウザの幅1980px以上となり横スクロールとなります。 この時に に指定した背景色イエローはスクロールする部分も含めてブラウザ全体に反映します。 に指定した背景色ブルーは1980pxまでしか反映しません。 スクロールで表示される部分まで「あああ...」がはみ出ていますが背景色ブルーとなっていません。 おそらくpの幅にwidth:100vw;を指定しても1980pxと認識されていると思います。 pの親要素divも同様に1980pxまでしか背景色がつきません。 スクロールする部分も含めてpに幅を指定する事はできませんでしょうか。
回答: ``` width: max-content; ``` **動くサンプル:** 【width - CSS: カスケーディングスタイルシート | MDN】 【fit-content, min-content, max-contentの便利な使い方、CSSでコンテンツに依存してサイズを決める | コリス】