CSS e imagens - por que a imagem não é redimensionada - css, image

Por que quando eu quero redimensionar o div, a imagem no div não muda seu tamanho! É folhas de estilo do CASCADE, não é?

--EDITAR--

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

Respostas:

4 para resposta № 1

É cascata, mas largura e altura não são herdadas.

Você pode querer fazer algo para que a imagem siga o tamanho de seu pai.

Gostar

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

2 para resposta № 2

<img> as tags têm uma largura implícita da largura natural da imagem ou da largura width atributo da tag que deve ser substituída por css. Tente isto para fazer a imagem 100% da largura do seu pai <div>:

div img{
width: 100%;
}

Eu acho que você tem um pouco de mal entendido do que realmente é cascata. Eu recomendo ler o parte da especificação que lida com a cascata.


0 para resposta № 3

Seu seletor de estilo corresponde apenas a elementos com a classe box. o div tem essa classe, mas o img não. Assim, o div tem o estilo aplicado e o img não tente.

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

Perguntas relacionadas
Cardápio