CSS: Полоса прокрутки для оси y вызывает полосу прокрутки для оси x

Здесь скриншот проблемы.

В принципе, когда полоса прокрутки отображается для оси y, ширина контейнера не расширяется. Вместо этого он просто создает полосу прокрутки для оси x.

Как я могу расширить контейнер, не создавая полосу прокрутки по оси x?

Ответ 1

вы можете попросить элемент:

overflow-x: hidden;
overflow-y: auto;

вы можете использовать scroll или auto для overflow-y

вот страница с некоторыми примерами: http://www.brunildo.org/test/Overflowxy2.html

Ответ 2

Я искал также решение.

overflow-x: visible; 
overflow-y: scroll;

Вышеприведенный код не работает, поскольку спаривание видимого с помощью прокрутки или авто устанавливает свойство visible в auto. Подробнее об этом можно прочитать здесь: https://www.brunildo.org/test/Overflowxy2.html

Похоже, нет способа CSS, чтобы получить то, что вы хотите, насколько я могу судить. если кто-то найдет другое обходное решение, я был бы благодарен за это!