角丸にしたDiv内の画像の角がはみ出してしまう

2015/05/15 16:09

このQ&Aのポイント

角丸にしたDiv内の画像の角がはみ出してしまい、対処法がわからず悩んでいます。
初歩的な質問で恐れ入りますが、角丸にしたDiv内の画像の角がはみ出してしまう問題に対して、どのような解決方法があるのか教えていただきたいです。
品物の画像をスマホで見られるページを作成していると、角丸にしたDiv内の画像の角がはみ出してしまい困っています。この問題に対して、対処方法や解決策を教えていただけると幸いです。

角丸にしたDiv内の画像の角がはみ出してしまう

よろしくお願いします。参考書片手にCSSを勉強しています。品物の画像をスマホで見られるページを作っているのですが、角丸にしたDiv内の画像の角がはみ出してしまい、対処法がわからず悩んでいます。どのような方法がありますでしょうか。初歩的な質問で恐れ入りますがご教授お願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>じっけんじっけん</title> <style type="text/css">  </style> </head> <body> <div id="wrap"> <div class="main"> <p class="resizeimage"> <img src="p/a.jpg"> </p> <p class="itemnum">32×13×22cm</p> <p class="price">￥10,000</p> <p class="itemname">アイテム</p> <p class="itemname">Ａタイプ</p> </div> <div class="main"> <p class="resizeimage"> <img src="p/b.jpg"> </p> <p class="itemnum">35×14×24cm</p> <p class="price">￥10,000</p> <p class="itemname">アイテム</p> <p class="itemname">Ｂタイプ</p> </div> </div> </body> </html>