CSS und Bilder - Warum Bild nicht in der Größe geändert wird - CSS, Bild

Warum, wenn ich div ändern möchte, ändert Bild in div nicht seine Größe!? Es ist CASCADE Stylesheets, nicht wahr?

--BEARBEITEN--

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

Antworten:

4 für die Antwort № 1

Es ist Kaskade, aber Breite und Höhe werden nicht vererbt.

Möglicherweise möchten Sie etwas tun, damit das Bild der Größe des übergeordneten Elements folgt.

Mögen

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

2 für die Antwort № 2

<img> Tags haben eine implizite Breite von entweder der natürlichen Breite des Bildes oder der width Attribut des Tags, das mit css überschrieben werden muss. Versuchen Sie, das Bild zu 100% der Breite des übergeordneten Elements zu machen <div>:

div img{
width: 100%;
}

Ich denke, Sie haben ein bisschen ein Missverständnis darüber, was Kaskadierung eigentlich ist. Ich empfehle das Lesen der Teil der Spezifikation, die sich mit der Kaskade befasst.


0 für die Antwort № 3

Ihre Stilauswahl stimmt nur Elemente mit der Klasse ab box. Das div hat diese Klasse, aber die img tut nicht. Also, die div hat den Stil angewendet und die img doesn "t. Versuchen Sie:

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

Verwandte Fragen
Speisekarte