目前我有一个下拉菜单，当用户将鼠标悬停在它上面时会弹出它。下拉列表当前显示 8 个链接。我想放置 21 个链接，但这会占据全屏。如何使我的弹出窗口可滚动，一次只显示 8 个项目？
这是我目前有 8 个链接的弹出窗口：
<a href="specifying.html">
<div class="col-sm-3" id="about-tab">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Specifying</a>
<ul class="dropdown-menu" role="menu">
<li><a href="x-ray.html">X-Ray</a>
</li>
<li><a href="#">S/Opening Calculator</a>
</li>
<li><a href="certification.html">Certification</a>
</li>
<li><a href="door-cores.html">Door Cores</a>
</li>
<li><a href="frame-types-and-materials.html">Frame Types & Materials</a>
</li>
<li><a href="downloads.html">Downloads</a>
</li>
<li><a href="pas24-secure-by-design.html">PAS 24/Secure By Design</a>
</li>
<li><a href="#">Pre-Hanging</a>
</li>
</ul>
</li>
</div>
</a>
我想将 SMACSS 架构合并到我正在构建的网站中。
在我的桌面上有一个以我正在构建的网站命名的文件夹。包含我的css、js 图像和sass文件夹。
sass 文件夹的所有内容都是部分内容，我将其导入到 main.scss 文件（包含在sass目录中）中。
这是我的sass目录：
sass/
|
base
| _ file.scss
| _ file1.scss
|
layout
| _ file.scss
| _ file1.scss
|
module
| _ file.scss
| _ file1.scss
|
state
| _ file.scss
| _ file1.scss
|
theme
| _ file.scss
| _ file1.scss
我想将 main.scss 文件编译成一个名为stylesheet.css 的文件，该文件应该位于css文件夹内。
我努力了：
sass --watch main.scss:stylesheet.css
没有运气。
我的老板要求我在以下网站上工作：2tec.club
该网站是使用 Wordpress 构建的，我不是这方面的专家，我只能访问管理仪表板。
顶部的滑块有一个奇怪的错误，正如您所看到的，每次幻灯片切换到下一张幻灯片时，该特定幻灯片都会短暂地改变其高度。这会导致内容被短暂下推，这对访问者来说非常烦人。 注意：这只发生在较大的设备上。在我的手机上看起来不错。
我尝试过使用 Chrome 开发者工具来更改 CSS 规则，但没有成功。我一辈子都无法弄清楚这个问题。有人可以提供帮助吗？如果是这样，我们将不胜感激。