html - ページ上のスクロールバーの代わりに Div が大きくなる

Question

content-width 800px の Web サイトを作成しました。

しかし、ユーザーが幅 900px の写真をアップロードすると、サイトが完全に故障します。画像がウェブサイトに対して大きすぎる場合、div が大きくなる代わりにスライダーまたはスクロールバーを追加する方法はありますか? そうでない場合は、アップロードした画像のサイズを変更する必要があると思います..

前もって感謝します。

Answer 1

divを配置style="overflow:auto;"すると、画像がスペースよりも大きい場合にスクロールバーが生成されます

Answer 2

幅について話しているので、コンテンツの幅を 800px に維持し、コンテンツ (この場合は画像) が 800px を超える場合はデフォルトでスクロールする必要があると思います。

おそらく、 overflow-x: scroll;を利用できます。CSS のプロパティを使用して、水平方向にのみスクロールします。オーバーフロー: 自動; 必要でない場合は、垂直スクロールも追加できます。

Answer 3

問題を解決できるように、使用しているコードの一部を提供する必要がある場合がありますが、使用できるものは次のとおりです。

overflow: hidden;

これにより、800px のコンテンツ コンテナーよりも幅が広がらないようになります。