объект за областью контента без скрола

Вот и позиционируйте ее с position: absolute

и лучше через псевдоэлемент вставлять ее.

https://jsfiddle.net/prn4wpz0/

indenger20, дело в том что ваш пример как раз и вызывает скролл чего я и пытаюсь избежать

Попробуйте мой вариант https://jsfiddle.net/beuzfx78/

Julia Shamray, спасибо, но как я и писал выше overflow:hidden решает проблему но оно вообще убирает возможность прокрутки. потому если по каким то причинам у пользователь ширина экрана меньше области контента то часть контента обрежется.

может и придирки но ищу универсальное решение на будущее.

А такой вариант подойдет? https://jsfiddle.net/znc6j0jz/

Нужно указывать min-width для .inner

Тут много условностей в этой реализации. При адаптивке, можно прописать доп. правило когда разрешение достаточно маленькое.

Julia Shamray, благодарю. то что нужно