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

Вы правы. Не выходит. Но видимо его ограничивает не ширина родителя, а поток документа. Т к поток идет слева-направо, то если сдвигаем блок направо получается блок сужается до конца потока элемента родителя, а выйдя из него берет ширину максимального слова в себе(в данном случае популяризации). Если блок сместить влево, то его поток ограничивать не будет снизу по коду и он будет спокойно тянутся даже за пределы своего родителя.
Ваш пример на фидле:
https://jsfiddle.net/gk6oofud/4/ (можно поиграться еще с left)
скриншоты о чем я
take.ms/fE7AK
take.ms/wcRbZ

И тоже самое для моего примера:
take.ms/VeZTo
take.ms/QLTFI

Свойство no-wrap заставляет элемент не переносить слова на другую строку, но при этом если строка будет длинная то она может вылезти за пределы экрана. Это все без заданной ширины позиционированного элемента.

Спасибо за помощь в поиске ответа