CSSルールは画像

Question

私はHTMLに追加画像にCSSの変更を適用しようとしています

に適用されていませんが、変更が適用されていない、ここで私は

HTML

<section id = "firstimage"> 
    <div class = "container"> 
<img src = "collage2.jpg"> 
</section> 

CSS

を持っているものです

.container{ 
    width:80%; 
    margin:auto 
    overflow:hidden; 
    height: 100%; 
    width: 100%; 

} 

#firstimage 
{ 
    max-width: 100%; 
    height: auto; 
} 

Answer 1

あなたは<section id="firstimage">ないimg要素にCSSを適用しているののimg後に等しい（=）と等しい後（=）と近いコンテナのdivの前からすべてのスペースを削除します。また、divを閉じてください。代わりに以下を試してみてください。上記のCSSで

<section id="firstimage"> 
    <div class="container"> 
    <img src="collage2.jpg"> 
    </div> 
</section> 

CSS

.container{ 
    width:80%; 
    margin:auto 
    overflow:hidden; 
    height: 100%; 
    width: 100%; 
} 

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

、あなたは実際のimg要素にスタイルを適用しています。

Answer 2

はdivの

<section id="firstimage"> 
    <div class="container"> 
    <img src="https://www.w3schools.com/css/trolltunga.jpg"> 
    </div> 
</section> 

Answer 3

を閉じてみてください

はラップ

<section id="firstimage"> 
    <div class="container"> 
    <img src="collage2.jpg"> 
    </div> 
</section>