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

[Bulat Ibrahim]

Вадим, на счёт того, что "title" работает не только в ссылках, я не знал. Спасибо за полезную подсказку! Жаль, что с ним даже переводы строк нельзя делать...
"alt" - это же вписывается в атрибуты изображения, когда изображение не загружено, показывается этот, альтернативный (вместо изображения) текст.

Naive, "white-space: nowrap", боюсь, мне не подойдёт, так как у меня там могут быть слишком длинные предложения, которые дойдут даже до конца края окна браузера.

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

Булат, так вы этой всплывающей подсказке задайте фиксированную ширину и поставьте css-свойство overflow-x: auto

[Naive]

Вадим, ставить скролл-бар на всплывашку, на которую юзер не сможет навести?

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

"white-space: nowrap", боюсь, мне не подойдёт, так как у меня там могут быть слишком длинные предложения, которые дойдут даже до конца края окна браузера.

Тогда у тебя 3 логичных решения:
1. скриптом решать ширину и положение типки
2. без релатива переверстать контент на флексе
3. переверстать типки так, чтобы они вываливались влево

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

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

Вадим, ставить скролл-бар на всплывашку, на которую юзер не сможет навести?

А разве transition здесь не поможет? Думаю, он сможет обеспечить задержку перед тем, как исчезнуть высплывашке после отвода курсора...

[Bulat Ibrahim]

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

1. скриптом решать ширину и положение типки
3. переверстать типки так, чтобы они вываливались влево

Naive, вы натолкнули меня на одну интересную мысль:
Скриптом вычыслять "натуральную" ширину всплывающего блока (т.е. пока ещё родитель с классом relative его не сжал), и если подсказка будет выходить за пределы родителя, с помощью стиля transform:translateX() или функции .offset() в jQuery переместить его налево, чтобы он не выходил за рамки.
Но вот как вычислить "натуральную" ширину всплывающего блока...

Сообщение от Вадим Мошев

Булат, так вы этой всплывающей подсказке задайте фиксированную ширину и поставьте css-свойство overflow-x: auto

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

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

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

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

Ну, тогда попробуйте задавать ширину с помощью min-width, а не width.

[Bulat Ibrahim]

Сообщение от Вадим Мошев

Ну, тогда попробуйте задавать ширину с помощью min-width, а не width.

Так тоже пробовал - не вариант. НО: Кажется, я понемножку нахожу решение!
Дал всплывающему блоку позицию float. И позиции top и left задаю с помощью скрипта, относительно позиции указателя мышки. Пока есть небольшие проблемы по позиции top, но, надеюсь, скоро я их решу и отпишусь.

[Alar]

absolute вместо relative
предлагали?

[Bulat Ibrahim]

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

absolute вместо relative
предлагали?

Это в стили блока-родителя прописать absolute?
А так блок вообще с места срывается.

[Alar]

ну да, и далее указать отсупы. будет прибит всегда к одному месту, не знаю как внизу, но на верху страницы работает.