CSS та зображення - чому зображення не змінюється - css, зображення

Чому, коли я хочу змінити розмір div, зображення в div не "змінює свій розмір!? Це" "CASCADE таблиць стилів, хіба це не так?

--EDIT--

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

Схожі запитання
Найбільш популярний