Почему CSS "overflow:auto" не работает при использовании некоторых браузеров

Question

Я пошел в Настройки > Редактировать тему > Дополнительно и добавил это к нему, под <style type="text/css">, но это не работает:

pre { overflow: auto; }
code { background-color: LightGrey; padding: 1px 3px; }

Первое утверждение не вступает в силу при обращении с помощью Chromium (я ожидаю появления горизонтальной прокрутки). Второй, который я добавил для демонстрационных целей, работает хорошо.

Вот страница, на которую вы можете посмотреть, насколько хорошо она не работает.

Я проверил с этими браузерами:

• Хром и Богоявление не работает
• Работы Firefox и Konqueror

Обновить:

Следуя предложению, я попробовал все это whitespace свойства внутри <pre> тег: нормальный, nowrap, pre, pre-line и pre-wrap. Проблема остается.

Answer 1

Если вы пропустите.code влево, это сработает:

.code {float: left;}
pre { white-space: pre;}

Answer 2

На реальной странице у вас есть CSS:

pre { overflow: auto; white-space: pre-line; }

Это переписывает любой другой white-space объявление и, следовательно, не будет горизонтальной прокрутки. Меняя это на white-space: nowrap устраняет проблему

Answer 3

Для отображения горизонтальной полосы прокрутки необходимо добавить:

pre { white-space: nowrap; }