イメージをdivコンテナにHTMLで入力する

Question

divコンテナに画像を収めたいですか？画像がdivより小さいか、画像がdivより大きい場合でも適合するはずです。私は100％に最大幅と高さを設定するようないくつかのオプションを試してみましたが、それは動作しません。ここで

#content { 
 
    width: 351px; 
 
    height: 250px; 
 
    border: 1px solid black; 
 
} 
 
#content img { 
 
    max-width: 100%; 
 
    max-height: 100%; 
 
}

<div id="content"> 
 
    <img src="https://dumkhum.com/wp-content/uploads/2016/10/SHIVAAY_ISHQAA_1.jpg"> 
 
</div>

私のコードのリンクです：https://jsfiddle.net/w8r0g921/

Answer 1

#content { 
    width:351px; 
    height:250px; 
    border:1px solid black; 
} 
#content img { 
    width:100%; 
    height:100%; 
} 

Answer 2

HTML

<div id = "content"> 
</div> 

CSS

#content { 
    background-image: url(https://dumkhum.com/wp-content/uploads/2016/10/SHIVAAY_ISHQAA_1.jpg); 
    background-position: 100% 100%; 
    width:351px; 
    height:250px; 
    border:1px solid black; 
} 

画像をdivの背景にして、background-positionプロパティでどのように見えるかを制御します。これがあなたを助けることを願ってください。