Webサイト

【HTML/CSS】画像のはみ出しを防ぎたい

画像がはみ出す

以下、画像のように親の要素サイズに画像が収まらない場合があります。

対策

cssにて親の要素に以下の設定を行います。

overflow:hidden;

対策結果

以下画像のように、親要素の範囲のみ画像が表示されるようになりました。
真っ青だけど・・・。

-Webサイト