如何删除垂直滚动条 SyntaxHighlighter 块? [英] How to remove the vertical scrollbar SyntaxHighlighter block?
本文介绍了如何删除垂直滚动条 SyntaxHighlighter 块?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我是 Web 开发的新手，可能有一个主要问题.我已经在我的网站上安装了 Joomla 2.5 CMS，下载、安装并打开了 SyntaxHighlighter 插件.然后启用 bash 语法并在我的页面中添加以下代码
$ uname -aLinux 笔记本电脑 2.6.32-41-generic #89-Ubuntu SMP Fri Apr 27 22:22:09 UTC 2012 i686 GNU/Linux$
我得到了这个结果
没关系，但我不知道为什么会出现突出显示的垂直滚动条.它仅滚动一两个像素.所以，我所尝试的是将以下代码添加到我模板的 CSS 文件的开头
.syntaxhighlighter,.syntaxhighlighter div，.syntaxhighlighter 代码，.syntaxhighlighter 表，.syntaxhighlighter 表 td，.syntaxhighlighter 表 tr，.syntaxhighlighter 表 tbody {溢出-y:隐藏；}它对我没有帮助，而且我认为问题更深.您对如何删除此垂直滚动条有任何想法吗?
更新 如果我在模板的 CSS 中使用 !important 声明，滚动条会消失，但带有突出显示代码的块在页面缩放时表现得很奇怪.
解决方案
您可以添加以下样式来移除垂直滚动条，仅在需要时添加水平滚动条: