CSSと画像 - 画像のサイズが変更されない理由 - CSS、画像

なぜdivのサイズを変更したいのですが、divの画像がそのサイズを変更しないのですか?それはCASCADEスタイルシートではありませんか?

- EDIT -

.box{padding:0px;margin-left:10px;display:inline-block;margin-right:auto;width:20px;height:20px;border:1px solid red;}

<div class="box">
<img src="/images/larrow.gif"/>
</div>

回答:

回答№1は4

カスケードしますが、幅と高さは継承されません。

イメージを親のサイズに従わせるために何かをしたいかもしれません。

好き

div.box img { width: 100%; height: 100%; }

回答№2については2

<img> タグの暗黙的な幅は、画像の自然な幅または width cssでオーバーライドする必要があるタグの属性。これを試して、画像を親の幅の100%にする <div>

div img{
width: 100%;
}

カスケーディングが実際に何が起こっているのか誤解していると思います。私は " カスケードを扱うspecの一部


回答№3の場合は0

あなたのスタイルセレクタは要素をクラスにのみマッチさせます box。ザ div そのクラスはありますが、 img したがって、 div スタイルが適用され、 img しないでください。

.box
{
padding:0px;
margin-left:10px;
display:inline-block;
margin-right:auto;
border:1px solid red;
}
.box, .box img
{
width:20px;
height:20px;
}

<div class="box">
<img src="/images/larrow.gif"/>
</div>

関連する質問
メニュー
最も人気のある