Почему при подключении owl carousel.js и owl carousel.css возникает необходимость задавать параметр height у дива с bg-img в px?

Question

[Darya Shvakh]

Добрый день.
Скажите пожалуйста, почему при подключении owl carousel.js и owl carousel.css возникает необходимость задавать параметр height у дива с bg-img в px?
Т.е.
Сначала при создании div с bg-img, width-100% и heigh-100% прекрасно работает!
Но после подключения owl carousel.js и owl carousel.css, heigh - 100% - не работает, и необходимо его задавать в px (em).
Как width и heigh дива с bg-img, задать всё-таки в процентах % ?
Смотрю настройки и не понимаю.(
Спасибо!

Answer 1

[Ankhena]

Потому что при подключении слайдера изменяется DOM и родительский div. И у этого родительского div нет высоты, поэтому 100% работает не так, как вы хотите.

Как width и heigh дива с bg-img, задать всё-таки в процентах % ?

Смотреть в инструментах разработчика родительские блоки и задавать им размеры в %, пока не доберетесь до того, который изначально нужного размера.

Comments

[Darya Shvakh]

Ankhena, Добрый день.
1) ВОТ с заданными heigh от дива с bg-img до html в процентах %.
Не работает.(
2) ВОТ_2с заданным heigh для дива с bg-img в пикселях.
Работает, но изображение не адаптивное.(
3) Может Эти настройки решают проблему по высоте изображения по высоте всего дива? Только то-же чего-то не получается.(
Спасибо!

[Ankhena]

Darya Shvakh, в вашем первом примере не задан height 100% у .owl-item, у .owl-stage, у .owl-stage-outer

[Darya Shvakh]

Ankhena, Вы - Правы!
ВО-О-О-О-О-ОТ такое Вам - СПАСИБО!!!
С Наступающими - ......выходными.)
Ещё раз - СПАСИБО!