overflow-x: visible - неизвестно, кто получит полосу прокрутки

Question

Я визуализирую файл журнала, полученный с сервера по частям. Каждый кусок получает элемент <pre>. Если содержимое журнала шире, чем элемент <pre>, в окне browser отображается горизонтальная полоса прокрутки, что идеально.

Однако в более сложном сценарии (используется Bootstrap), когда содержимое шире, чем элемент <pre>, полоса прокрутки отображается на самом элементе <pre>, что не является идеальным (так как их может быть много каждая со своей полосой прокрутки).

Может кто-нибудь сказать мне, как обеспечить, чтобы полоса прокрутки появлялась в окне браузера в обоих случаях?

Answer 1

решаемая.

Проблема вызывается при включении загрузочного CSS. Причинные изменения в <pre> CSS были ..

//
// Contain overflow in all browsers.
//

pre {
  overflow: auto;
}

... который делает то, что говорит на жестяной банке, и установка overflow: visible для моего класса сделала свое дело. Интересно, что установки только overflow-z было недостаточно.