CSS et images - pourquoi l'image n'est pas redimensionnée - css, image

Pourquoi quand je veux redimensionner div, image en div ne change pas sa taille!?

--MODIFIER--

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

Réponses:

4 pour la réponse № 1

C'est une cascade, mais la largeur et la hauteur ne sont pas héritées.

Vous pourriez vouloir faire quelque chose pour que l'image suive la taille de son parent.

Comme

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

2 pour la réponse № 2

<img> les balises ont une largeur implicite de la largeur naturelle de l'image ou width attribut de la balise qui doit être surchargé avec css. Essayez ceci pour rendre l'image 100% de la largeur de son parent <div>:

div img{
width: 100%;
}

Je pense que vous comprenez mal ce qu'est la cascade. Je recommande de lire le partie de la spécification qui traite de la cascade.


0 pour la réponse № 3

Votre sélecteur de style ne correspond qu'aux éléments de la classe box. le div a cette classe, mais la img doesn "t. Ainsi, le div a le style appliqué et le img doesn "t. Essayez:

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

questions connexes
Menu