開発中のページに固定要素があります。ロゴといくつかのナビゲーション リンクが含まれています。
上記のサイトでは、さまざまな言語でコードのスニペットを提示する必要があります。Alex Gorbatchev の SyntaxHighlighter を使用して構文に色を付けています。問題は、スタイル付きのコードが固定要素を越えて流れることです。
外観は次のとおりです。
JSFiddleの非常に単純化された例を次に示します。
どうやら主犯格らしいshCore.css。それを取り除くと、オーバーフローが消えます。残念ながら、これを削除すると、行番号が対応するコード行と同期しなくなります。
私は自分のスタイルシートだけでなく、ファイル内の CSS をいじり始めました。SyntaxHighlighter で生成された要素と自分自身の要素の両方でさまざまな組み合わせoverflowと値を試しましたが、何も機能していないようです。float
同封されているスタイル シートが膨大で、バグを探すのが面倒な作業であることはわかっていますが、これ以上簡単にすることはできません。私はこのばかげた問題に数時間取り組んできたので、ここで質問することにしました。
親切で退屈な魂が私を助けてくれますか? 以前に SyntaxHighlighter でこのような問題が発生した人はいますか? 質問が簡潔でないと思われる場合は、問題を解決したら自分で回答を投稿するので、投票して削除しないでください。どなたでも遭遇しやすいものに思えます。
また、どのCSS プロパティがそのような動作を引き起こす可能性があるかを示唆するコメントをいただければ幸いです。多分私のoverflow推測はかなり外れています。
それとも、構文色付けライブラリの変更が良い解決策でしょうか?