Как сделать, чтобы при появлении вертикальной прокрутки, divы не выходили за правый край контейнера?

Question

[Роман Мавлютов]

DEMO

Это появляется только когда появляется вертикальная прокрутка.
И вместе с вертикальной появляется горизонтальная.

Answer 1

[Андрей Федоров]

В завитимости от того нужно скрыть окончание строки или перенести на другую стоку...
Скрыть:
overflow-x: hidden
Перенести:
word-break: break-all

Comments

[Роман Мавлютов]

Не, нужно, чтобы все контейнеры растягивались по-ширине так, чтобы все внутренние элементы по-ширине влезали

[Андрей Федоров]

Роман Мавлютов: Тогда
overflow-x: auto;
overflow-y: scroll;

[Роман Мавлютов]

Хороший вариант, но скролл мне не нужен, когда содержимое полностью помещается. Хочется вариант, когда без javascript скролл появляется только когда необходимо и слои не выходят за рамки родителя.