[解決済み] 画像の幅を親Divの100%にし、自身の幅より大きくならないようにする

質問

画像（動的に配置され、サイズに制限はない）を親divと同じ幅にしたいのですが、その幅が100%の時の自身の幅より広くない場合に限ります。これを試してみたのですが、うまくいきません。

img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

これらの画像の多くは親 div よりも幅が広いので、それに合わせてリサイズしてほしいのですが、小さな画像がそこに飛び込んできて通常の寸法を超えて拡大されると、本当にひどい有様です。これを行う方法はありますか？

解決方法は？

を指定するだけです。 max-width: 100% を単独で使用すれば、それで十分です。