我正在开发的页面上有一个固定元素。它包含一个徽标和几个导航链接。
在上述网站上，我需要展示各种语言的代码片段。我正在使用 Alex Gorbatchev 的 SyntaxHighlighter 为语法着色。问题是，样式代码流过我的固定元素。
这是它的样子：
这是关于 JSFiddle的一个非常简化的示例
看来罪魁祸首是shCore.css。当我删除它时，溢出消失了。不幸的是，它的删除也会导致行号与其相应的代码行不同步。
我已经开始摆弄文件中的 CSS 以及我自己的样式表。我已经在 SyntaxHighlighter 生成的元素和我自己的元素上尝试了各种组合overflow和float值，但似乎没有任何效果。
我知道随附的样式表非常庞大，搜索它们以查找错误是一项乏味的工作，但我无法让它变得更简单。我已经研究这个愚蠢的问题几个小时了，所以我决定在这里问一个问题。
任何善良而无聊的灵魂可以帮助我吗？以前有人用 SyntaxHighlighter 遇到过这种问题吗？如果您认为这个问题不够简洁，请不要投票删除它，因为我会在解决问题后自己发布答案。这似乎是任何人都容易遇到的事情。
我也很高兴收到任何关于哪些 CSS 属性会导致这种行为的评论。也许我的overflow猜测很离谱。
或者改变语法着色库可能是一个很好的解决方案？