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