Как сделать чтобы внутренний блок ВЫХОДИЛ за пределы внешнего?

Question

[AlexCruel]

Родительский блок имеет 80% ширины от страницы.
Внутренний должен переполняться и выходить за пределы родительского.

<div style={{width: '80%'}}>
   <div style={{overflow: 'auto', whiteSpace: 'nowrap'}}>Контент, Контент, Контент, Контент, Контент</div>
   Текст...
</div>

Comments

[Ivan Ustûžanin]

а что нужно получить? пока получается какая-то странность
но, чтобы внутренний блок выходил за пределы внешнего его нужно или играться с отрицательными margin-ами, или использовать position: absolute, но последнее вырывает блок из потока

[Kist9]

Он на то и дочерний , что для него 100% ширина это 80% родительского , чтобы он выходил нужно поступить как описал человек выше , но это не очень хорошая практика , в целом более менее хороший вариант
это задать ширину 120% например, ну или сколько надо дочернему блоку

[AlexCruel]

IvanU7n, переполнить bredcrumbs до конца страницы, без отступа справа. Не очень хочется вырывать из родительского блока дочерний и ставить выше

[Ankhena]

Вы же сами ему включили скролл вместо расширения.
Уберите -> выпадет.