Установка блока внизу блока родителя, без использования "relative"

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

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

Дал всплывающему блоку позицию float.

Float - это не позиция. Это свойство совсем для других целей https://webref.ru/css/float. Понятно, что у вас top/left/right/bottom работать не будут - они не работают для элементов со статическим позиционированием, а оно у вас статическое, если свойство position имеет недопустимое значение (в вашем случае это float) или вообще отсутствует.

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

Это в стили блока-родителя прописать absolute?

Если использовать absolute, то надо знать, что вы делаете, иначе получите неприятные последствия. Одно вы уже увидели - блок "уехал". Второе заключается в том, что все остальные элементы, у которых позиционирование отлично от absolute, будут вести себя так, будто абсолютно спозиционированного блока нет вообще. Если вы на той странице что-то будете довёрстывать на той странице, то, возможно, новые блоки наедут на "старый" - они либо закроют его, либо будут закрыты им.

А вообще, можно попробовать ещё такое решение: https://jsfiddle.net/0bgf2qxt/

Верхнему левому блоку уже ставить position: relative, а подсказки позиционировать абсолютно.

[Bulat Ibrahim]

Друзья, я решил проблему.
Всплывающей подсказке задал position: fixed; и с помощью скрипта сделал так, чтобы top и left получали позицию указателя мышки, относительно окна браузера. То есть, подводя мышь к "активным" словам, блок всплывает на месте указателя.

$("#urtaBit .anlatmagaSuz").mouseover(function(e) {
	$(this).next().show(100).css("top", e.clientY + 10).css("left", e.clientX + 10);
}).mouseout(function() {
	$("#urtaBit .anlatmaRelative").hide(100);
});

И, наконец, поставил position: relative; среднему блоку (родителю), и вставил ссылку "назад" на место, с помощью position: absolute;. Теперь, вроде, всё работает!
Спасибо всем за подсказки и помощь!!!