Как остановить абсолютный div от переполнения от родителя?

Question

У меня есть длинный div внутри родителя.

Я думаю, что он должен быть абсолютно позиционирован, потому что я хочу прокручивать по горизонтали.

Однако я хочу, чтобы раздел внутри родительского div был видимым. Я думал, установка переполнения: скрытый от родителя бы добиться этого, однако нет такой удачи ....

See this js fiddle for an example.

Кто-нибудь знает, как получить этот эффект?

Благодаря

Answer 1

Вы должны установить родитель (box1) в положение: относительный; В противном случае коробка2 позиционируется относительно тела и выходит за пределы потока1.

Editted example

Answer 2

сделали вы попробуйте использовать значение прокрутки для свойства переполнения.

overflow:scroll; 

также удалить позиции элемента