如何删除垂直滚动块SyntaxHighlighter的？(How to remove the ver

我在网络发展的新手，可能有一个首要的问题。我有我的网站上安装的Joomla 2.5 CMS，下载，安装并打开了SyntaxHighlighter的插件。然后使bash语法，仅此而已下面的代码添加到我的网页

<pre class="brush: bash">$ uname -a
Linux laptop 2.6.32-41-generic #89-Ubuntu SMP Fri Apr 27 22:22:09 UTC 2012 i686 GNU/Linux
$</pre>

我得到这个结果

这是确定的，但我不知道为什么强调垂直滚动条显示。它滚动只为一个或两个像素。所以，我曾尝试是将以下代码添加到我的模板年代初CSS文件

.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody {
  overflow-y: hidden;
}

它不帮我，我认为这个问题是更深。你有关于如何消除这种垂直滚动条的任何想法？

更新如果我使用!important声明模板的CSS滚动条dissappear但与突出显示的代码块的行为在页面缩放很奇怪。

Answer 1:

您可以添加以下的风格，除去垂直滚动条，并添加仅在需要时水平之一：

<style type="text/css">
  .syntaxhighlighter { 
     overflow-y: hidden !important; 
     overflow-x: auto !important; 
  }
</style>

Answer 2:

我看着例子，发现存在这样一个垂直滚动以及。当我检查"syntaxhighlighter javascript"本身有一个溢出。检查您是否已经包括了代码之前或之后，包括你的CSS

Answer 3:

有SyntaxHighlighter的overflow: auto为默认样式（见shCoreDefault.css下面的CSS代码段）。这就是为什么我们要设置overflow-y:hidden !important ，当我们不喜欢垂直滚动条。但我们并不需要一套overflow-x: auto了。它已经存在。

.syntaxhighlighter {
    font-size: 1em !important;
    margin: 1em 0 !important;
    overflow: auto !important;
    position: relative !important;
    width: 100% !important;
}

你可以看到已经SyntaxHighlighter的已使用“！重要”，这就是为什么，你会发现不同的浏览器有不同的结果。在我的经验，在Firefox中，我得到了想要的结果：垂直滚动条被隐藏。但在Chrome中，滚动条仍然在那里。

为了有我的定义类的优先级高，我前缀其他一些范围选择，如容器的id或class。

ContainerId .syntaxhighlighter {
    overflow-y: hidden !important;
}

Answer 4:

要删除您SyntaxHighlighter的用于垂直滚动条在你的网站，你可以在你使用下面的代码片段<head>...</head>网页的部分。

<style type="text/css">
 .syntaxhighlighter table td.code .container {
  position: relative !important;
  padding-bottom: 5px !important;
}
</style>

希望此代码段可以帮助你！ :)

Answer 5:

试图删除水平滚动条，这是什么终于为我工作，采取的灵感来自上面约翰阴的帖子。无子集的下方曾在-和本身。

/* .post class is on high-level div */
.post .syntaxhighlighter {
    position: relative !important;
    width: 100% !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
}

文章来源: How to remove the vertical scrollbar SyntaxHighlighter block?