CSS переполняет прокрутку и видимый в то же время ⇐ Html

[Anonymous]

У меня есть прокручиваемая девственная девственница с детьми. Есть ли способ показать целого ребенка (также вне прокручиваемого Div)? Теперь, OupFlow-X: Scroll похож на Overflow-X: Hidden с помощью Scrollbar. Я хотел бы Overflow-X: Visible с помощью Scrollbar. Вот скрипка.

Код: Выделить всё

.container {
margin: 0 auto;
overflow-x: scroll;
width: 300px;
}

.child {
background-image: linear-gradient(to left, blue, green);
height: 100px;
width: 600px;
}

.containerExample {
background-image: linear-gradient(to left, blue, green);
margin: 0 auto;
overflow-x: visible;
width: 600px;
}

.childExample {
border: 1px solid red;
height: 100px;
margin: 0 auto;
width: 300px;
}< /code>
Now:





What I want (red border should be scrollable div):

Подробнее здесь: https://stackoverflow.com/questions/582 ... -same-time