alex_keysi
@alex_keysi
Помог с решением? Отметь “правильный ответ”

Почему элемент с absolute не растягивается по своему содержимому?

прикладываю код:
https://jsfiddle.net/ecxf926z/2/
при наведении (hover) на элемент "мои контакты" выскакивает подсказка, с информацией. Почему то эта информация переносится на новую строку.
скриншот проблемы:
take.ms/mheJj

Элемент от которого позиционируется всплывашка это flexitem (т е ближайший элемент с position:relative). Заметил, что если делать без флексов, то блок растягивается по содержимому. И также если увеличить flexitem, то увеличится и width всплывашки. Есть какая-то особенность позиционирования от flexitem - ов?
  • Вопрос задан
  • 678 просмотров
Решения вопроса 2
zoozag
@zoozag
Opencart
Простой эксперимент показывает, что absolute блок по умолчанию не выходить за рамки своего родителя по ширине.
https://jsfiddle.net/gk6oofud/3/

Вашу проблему решит :
.contacts__phone {
white-space: nowrap;
}
Ответ написан
@FinderOT
Frontend разработчик
Потому что абсолютно позиционированный элемент обычно скукоживается до минимально возможного размера, если явно не указано иное. В вашем случае его ограничивает длинна строки с емейлом, чтобы телефон не переносился добавьте элементу contacts__phone css-свойство white-space со значением nowrap
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы