Как проверить высоту родителя div'a и установить фиксированное значение для фонового изображения через JS?

Question

[Василий Петров]

Примерно так: https://codepen.io/anon/pen/ybgVvz

Необходимо разместить картинку, но соотношение сторон может быть любым, поэтому картинку устанавливаю фоном.

Картинка вставляется в определенный div, с заданной шириной, но вот высота может быть разной. Таких картинок на странице больше одной, поэтому с фиксированной высотой все съезжает, а высота 100% не работает.

Как через js узнать какая высота у родителя и установить такую же для div'a в который вставляется картинка через фон?

Answer 1

[Stalker_darkway]

https://codepen.io/SibHronik/pen/ybgMrJ

Такой вариант подойдет?

Comments

[Василий Петров]

Нет

Answer 2

[Максим]

Может я не совсем правильно понял вопрос, но в данном случае у родителя то нет высоты, стоит значение auto, высота родителя зависит от контента внутри. Поэтому и 100% у дочернего элемента не работает. Так подойдет? codepen.io/Melagomania/pen/gWgXdG Меняем высоту родителя - меняется и высота дочернего.

Comments

[Василий Петров]

Нет. Нельзя ставить родителю фиксированную высоту