CSS i obrazy - dlaczego obraz nie jest zmieniany - css, image

Dlaczego, gdy chcę zmienić rozmiar div, obraz w div nie zmienia jego rozmiaru!? To jest arkusz stylów CASCADE, czyż nie?

--EDYTOWAĆ--

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

Odpowiedzi:

4 dla odpowiedzi № 1

Jest kaskadą, ale szerokość i wysokość nie są dziedziczone.

Możesz chcieć zrobić coś, aby obraz był zgodny z rozmiarem rodzica.

Lubić

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

2 dla odpowiedzi nr 2

<img> znaczniki mają niejawną szerokość naturalnej szerokości obrazu lub width atrybut tagu, który musi zostać zastąpiony przez css. Spróbuj, aby obraz był 100% szerokości jego rodzica <div>:

div img{
width: 100%;
}

Myślę, że masz trochę nieporozumienia co do tego, czym jest kaskadowanie. Polecam lekturę część specyfikacji, która dotyczy kaskady.


0 dla odpowiedzi № 3

Twój selektor stylu dopasowuje tylko elementy do klasy box. The div ma tę klasę, ale img Czy tak nie jest div ma zastosowany styl i img doesn "t. Spróbuj:

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

Powiązane pytania
Menu