CSS e imágenes: por qué la imagen no se redimensiona - css, imagen

¿Por qué cuando quiero cambiar el tamaño de div, la imagen en div no cambia su tamaño? Es hojas de estilo CASCADE, ¿no?

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

Respuestas

4 para la respuesta № 1

Es en cascada, pero el ancho y la altura no se heredan.

Es posible que desee hacer algo para que la imagen siga el tamaño de su elemento primario.

Me gusta

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

2 para la respuesta № 2

<img> las etiquetas tienen un ancho implícito del ancho natural de la imagen o width atributo de la etiqueta que debe ser anulada con css. Intenta hacer que la imagen tenga el 100% del ancho de su matriz <div>:

div img{
width: 100%;
}

Creo que tienes un malentendido acerca de qué es en realidad la cascada. Yo recomendaría leer el parte de la especificación que trata de la cascada.


0 para la respuesta № 3

Su selector de estilo solo coincide con los elementos de la clase box. los div tiene esa clase, pero el img doesn "t. Por lo tanto, el div tiene el estilo aplicado y el img no intenta.

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

preguntas relacionadas
Menú