css - 一部のブラウザーを使用しているときに「overflow:auto」CSS が機能しないのはなぜですか

Question

[設定] > [テーマの編集] > [詳細設定]に移動し、これをの下に追加しました<style type="text/css">が、機能しません:

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

Chromium でアクセスすると、最初のステートメントは有効になりません (水平スクロールが表示されることを期待しています)。デモンストレーションのために追加した 2 番目のものは、うまく機能します。

これがどれだけうまく機能しないかを確認できるページです。

私はこれらのブラウザでテストしました：

アップデート：

提案に従って、タグwhitespace内で次のすべてのプロパティを試しました: normal、nowrap、pre、pre-line、およびpre-wrap。問題は残ります。<pre>

score 1 · Accepted Answer

水平スクロールバーを表示するには、以下を追加する必要があります。

pre { white-space: nowrap; }

score 1 · Accepted Answer

実際のページには、css があります。

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

これは他のwhite-space宣言を上書きしているため、水平スクロールはありません。これを変更しwhite-space: nowrapて問題を解決します。

score 1 · Accepted Answer

.code を左にフロートさせると、次のように動作します。

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