0

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

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*/
}
4

3 回答 3

1

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

于 2011-12-13T15:44:26.723 回答
1

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

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

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

.dropnav li  { padding: 0px; }
于 2011-12-13T15:49:47.933 回答
0

删除 style_template.css 第 167 行 li 上的填充

于 2011-12-13T15:45:23.667 回答