Абсолютно позиционированный объект выходит за пределы

[aqua.77]

Абсолютно позиционированный объект выходит за пределы, можно поставить left:10px right:10px но есть другой вариант?

Что применить чтобы абзац придерживался и не вылазил за отступ? https://jsfiddle.net/t3wfdnf9/

[Switch74]

причину использования absolute можно узнать?
можно попробовать и так https://jsfiddle.net/t3wfdnf9/1/
 

[aqua.77]

1 час назад, Switch74 сказал:

причину использования absolute можно узнать?

Этот элемент первоначально скрыт, и чтобы при его появлении на событие щелчка мыши он не двигал нижестоящий контент.

[Switch74]

Можно для данного <p> сделать wrapper с height:0;position:relative;
тогда для <p> достаточно будет width:100%;

https://jsfiddle.net/t3wfdnf9/2/

[aqua.77]

1 час назад, Switch74 сказал:

Можно для данного <p> сделать wrapper с height:0;position:relative;
тогда для <p> достаточно будет width:100%;

https://jsfiddle.net/t3wfdnf9/2/

Ну да как вариант. Просто я всегда за минимизацию кода)

[Switch74]

если не требуется кросбраузерность с поддержкой старых версий, можно использовать calc иначе придется сделать чуть больше как правило