サイズ変更または通常のウィンドウで div が切り取られるのを回避するにはどうすればよいですか?

Question

overflow:auto や margin-left などを試しましたが、overflow:auto では div の左側の一部が切り取られてしまい、div の長さが長くなると margin-left が機能しなくなります。より良い選択を。以下のコードに示すように、テキストは表示されません。

リーリー

Answer 1

コードの問題は、flex で項目を垂直方向の中央に配置していることです。

これにより、div がページの外の左側に移動します。ページの左端の外側をスクロールする方法がないため、div のその部分にアクセスできなくなります。

この問題は、フレックス コンテナーの幅を十分に確保することで解決できます。次の行を本文スタイルに追加します:

リーリー