[РЕШЕНО] Размер изображения: 100% от блока

[Bulat Ibrahim]

Здравствуйте. Хотел бы в CSS задать размер (через ширину) изображения 100% от размера блока родителя.
А свойство

width: 100%;

похоже на изображения действует не так, как на блоки. То есть, на изображениях это свойство означает как "100% от оригинального размера", как я понял.
Можно через CSS задать на изображения такое свойство, чтобы оно, как и блок при свойствах размера 100%, занимал всё возможное пространство?

То есть, допустим, ширина родительксого блока изображения составляет 800px. Задать изображению свойство (на подобии блока - width:100%), чтобы ширина врался 100% от размера родителя, а высота подстраивался относительно, по соотношению?

Решение

Сообщение от Naive

https://jsfiddle.net/naiveMan/x6kse484/

[Вадим Мошев]

Сообщение от Bulat Ibrahim

похоже на изображения действует не так, как на блоки

Потому что блоки - это блочные элементы, а изображения - встроенные (inline)

Вообще, здесь от цели зависит решение. Быть может вы хотите, чтобы задать фоновое изображение для этого блока? Тогда делайте это изображение фоном через CSS.
Если нет, то можете тогда попробовать для изображения задать display: block. Либо же ширину и высоту изображения установить в значение inherit.

[Bulat Ibrahim]

Вадим Мошев, мне не нужно фоновое изображение.
А inherit и display: inline-block я уже пробовал - без результата... Почему-то. Хотя, в фаербаге показывает, что стили принимаются.

Пардон... У меня изображения же в линию выстроены, несколько в один широкий блок. Только что дошло, через два дня

[Вадим Мошев]

Так у вас всё заработало?

[Bulat Ibrahim]

Вадим Мошев, нет, но я понял, что с помощью css проблему не решить. Вот код: ВОТ.
Там же у меня изображения вписаны в широокий блок, ширина которого, естесственно, больше, чем размер изображения. Ширину придется брать от прародителя. Или даже еще дальше.
В общем, решил я этим не заморачиваться, оставлю, как есть.

[Naive]

Сообщение от Bulat Ibrahim

Вадим Мошев, нет, но я понял, что с помощью css проблему не решить.

https://jsfiddle.net/naiveMan/x6kse484/

[Bulat Ibrahim]

Naive, спасибо вам огромное! Разобрался, всё понял! То, что надо!