Изображение не соответствует родителям высота и ширина

Question

У меня есть контейнер div с определенной высотой и шириной. У меня есть куча таблиц под контейнером. Я хочу, чтобы эти таблицы наследовали высоту и ширину из контейнера div. Одна из этих таблиц может иметь изображение, и я хотел бы, чтобы изображение соответствовало и расширяло таблицу эластично.

Вот что я пытался в JsFiddlehttp://jsfiddle.net/nileshdk/kLLLoxrn/

Я думал, что изображение метки, содержащей высоту Див и ширину 100%; он наследует эти свойства из родительского div. Однако кажется, что таблица растягивается в соответствии с шириной изображения , а не наоборот. Может кто-нибудь объяснить, что мне не хватает?

Answer 1

Вы установили width: 100% для родительского элемента изображений. Вам нужно установить его на самом элементе изображения.

#screenshot > img { 
    height: 100%; 
    width: 100%; 
} 

http://jsfiddle.net/kLLLoxrn/1/