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

Question

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

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

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

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

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

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

Обновление:

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

Answer 1

На текущей странице у вас есть css:

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

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

Answer 2

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

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

Answer 3

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

pre { white-space: nowrap; }