Question

在此Test Link我试图将标题和主站点导航安装到博客脚本的顶部。下拉菜单在每个页面链接之间出现了很大的差距！这在具有相同代码的主站点上不会像这样呈现！缩小差距需要什么？

dropnav样式是这样的：

/*////////////////STYLING TO DROPDOWN MENU//////////////////////*/

.dropnav li ol  {
      display: none; 
      width: 13em; }  /*Define width of dropdown button*/
.dropnav li:hover ol {
      display: block;
      position: absolute;
      margin: 0;
      padding: 0; }
.dropnav li:hover li {
      float: none; }
.dropnav li:hover li a {
      background-color: #3b3b44;      /*Navigation Active Background*/
      border-bottom: 1px solid #ccf;
      border-top: 1px solid #ccf;
      border-right: 1px solid #ccf;
      border-left: 1px solid #ccf;
      font-size: 16px;
      color: #fff; }                /*Text Color*/
.dropnav li li a:hover {
      color: #000;
      background-color: #8db3ff;  /*Navigation Hover Background*/
}

Answer 1

你有li padding bottom和li padding top尝试删除它们（或删除其中一个并减少其中一个的填充）并且你也有div的同一个类dropnav并且ol尝试将其中一个更改为一个不同的类并删除border-style：solid;这应该可以解决你的问题。

Answer 2

在site_template.css的第169行，您有以下规则：

li {
    padding-bottom: 2px;
    padding-top: 2px;
}

您需要删除此内容，或使用以下内容覆盖它：

.dropnav li  { padding: 0px; }

Answer 3

删除style_template.css

第167行的li上的填充

下拉导航中的间隙宽度

3 个答案: