現在、レスポンシブ Web サイトを開発しており、サイトの設定された量の「列」(div サイズ) 内に特定の画像があります。この画像は div 自体のサイズよりも大きいため、エッジを越えて流れます (CSS Background-Image ではなく html を使用)。CSS background-image メソッドを使用すると、画像は div に合わせて切り取られ、overflow:visible はそれを修正しません (私が読んだことから、background-image オーバーフローを独自の div にすることはできません)。
したがって、この画像を div でオーバーフローさせたいだけでなく、画像をブラウザ ウィンドウの端まで切り取ります。そうしないと、小さな画面のデバイス用にブラウザ ウィンドウのサイズを変更すると、ウェブサイトの横に大きな空の白いバーが表示されます。それで：
http://i.imgur.com/74NEmDF.jpg
これを解決する既知の方法はありますか、またはそれを修正するために Javascript を使用する必要がありますか (私は JavaScript をほとんど知らないので、自分で理解できませんでした)。前もって感謝します。
編集：まだ運がなく、どこでも検索しています。助けていただければ幸いです。ありがとうございます。
編集2：それを理解しました！overflow:hidden をヒーロー ユニット (big を含む div) に追加するという非常に簡単な修正でした。このような簡単な修正を理解するのにとても時間がかかったので、私はとても愚かだと感じています。