CSS a obrázky - prečo obrázok nie je zmenený - css, image

Prečo, keď chcem zmeniť veľkosť Div, obrázok v Div sa nezmení jeho veľkosť! Je to CASCADE style sheets, nie?

--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>

odpovede:

4 pre odpoveď č. 1

Je to kaskáda, ale šírka a výška nie sú zdedené.

Možno budete chcieť urobiť niečo, aby sa obraz zhodoval s veľkosťou svojho rodiča.

Páči sa mi to

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

2 pre odpoveď č. 2

<img> značky majú implicitnú šírku buď prirodzenej šírky obrazu, alebo width atribút značky, ktorý musí byť prepísaný s css. Skúste to urobiť obraz 100% šírky svojho rodiča <div>:

div img{
width: 100%;
}

Myslím, že máte trochu nepochopenia toho, čo je kaskádovo v skutočnosti. Odporúčam vám čítať časť spec, ktorá sa zaoberá kaskádou,


0 pre odpoveď č. 3

Váš výber štýlov sa zhoduje len s prvkami triedy box, div má túto triedu, ale img to nie je div má použitý štýl a img nevyskúšajte:

.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>

Súvisiace otázky
Ponuka