Как заставить другие элементы видеть элемент с position: absolute?

Question

[Alex_87]

Добрый день! Прошу вас помочь разобраться в данном вопросе. Ниже, я представляю вам код. Необходимо, чтобы сообщение отобразилось под верхним блоком с серым цветом.
https://codepen.io/Alexei_87/pen/eaGmGg

Comments

[Alams Stoyne]

Вариант 1: Убрать у wrapper position:absolute;
Вариант 2: Задать test1 position:absolute; bottom: 0; и обернуть всё еще в один div

[FeST1VaL]

Так а зачем wrapper с абсолютом? очень сильно нужен?)

[Alex_87]

Артем Будин, не обращайте внимание на название классов. В реальном коде они абсолютно другие. Я просто быстро перенёс блок, вот и всё)

[FeST1VaL]

Alex_87, нее, я именно задаю вопрос зафига классу wrapper absolute? он нужен в верстке и без него не обойтись? или какого эффекта вы в конечном варианте добиваетесь?

[Alex_87]

Alams Stoyne, не могу. В реальном коде они нужны

[Alams Stoyne]

Alex_87, Нужно видеть всю картину целиком а то действительно не понятно - зачем

[Alex_87]

Alams Stoyne, Это действительно необходимо, просто поверьте!

[Alex_87]

Артем Будин, Я добиваюсь, чтобы нижний блок с классом test1 появился внизу

[Rustam Bainazarov]

Alex_87, зачем нам вам верить? Пришлите нормальный код, тогда и будут варианты, а пока не понятно, зачем он там нужен и как вам вообще помочь.

[FeST1VaL]

Alex_87, ну тогда никак без JS. Через JS брать высоту абсолюта и задавать фиксированую высоту релетиву. У меня была такая же ситуация как и у тебя, но у меня еще и абсолют менялся динамически, я проверял ресайзы всего по сути... вот такой же вопрос вообщем то... >>> тута

[Alex_87]

Рустам Байназаров, Я попытаюсь вам объяснить... Я использую на сайте slick. слайдер, на котором находиться другой блок с текстом. Слайдер является родительским блоком текстового элемента. Слайдер - position:relative, а блок с текстом position: absolute. Если убрать у блока с текстом position: absolute, то блок с текстом слетает вниз

Answer 1

[ViktorWhere]

Так? Только проще было бы сделать это без абсолюта.

https://codepen.io/anon/pen/OYxVRN

Comments

[Alams Stoyne]

под верхним блоком

[Alex_87]

а зачем вы изменили разметку? Сообщение должно быть снизу!