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

Question

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

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

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

См. Эту скрипту js для примера.Как получить этот эффект?

Спасибо

Answer 1

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

Отредактированный пример

Answer 2

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

overflow:scroll;

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