CSS и изображения - защо изображението не се преоразмерява - css, image

Защо, когато искам да преоразмеря div, изображението в div не променя размера си? Това са CASCADE стил листове, нали?

--РЕДАКТИРАНЕ--

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

Отговори:

4 за отговор № 1

Това е каскада, но ширината и височината не са наследени.

Може да искате да направите нещо, за да направите изображението да следва размера на родителя си.

като

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

2 за отговор № 2

<img> маркерите имат имплицитна ширина или на естествената ширина на изображението, или на width атрибут на маркера, който трябва да бъде пренареден с css. Опитайте това, за да направите изображението 100% от ширината на неговия родител <div>:

div img{
width: 100%;
}

Мисля, че имате малко погрешно разбиране за каква каскада действително е. Препоръчвам да прочетете част от спецификацията, която разглежда каскадата,


0 за отговор № 3

Вашият избор на стилове съвпада само с елементи с класа box, Най- div има този клас, но img не е така div има приложния стил и img не. Опитайте:

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

Свързани въпроси
Най - известен