Question

在这个特定页面上，我在主菜单（红色条）下添加了一个辅助菜单（灰色条），以便有一些链接，点击后，将向下滚动页面到正确的区域。

默认情况下，二级菜单比我想要的高得多 - 所以通过添加一个高度：40px;价值，我能够达到我想要的高度。然而，页面链接固执地不随菜单的高度调整，因此，当查看时，它们显然不在正确的位置。

我可以添加一个特定的CSS值来尝试并帮助解决此问题吗？我尝试过调整margin-top，padding-top，vertical-align等等......其中一些调整了灰色条，但绝对没有任何东西可以为我调整文本。

我使用我购买的付费主题而非我自己开发的付费主题（试图使网站管理更容易为接管网站的其他人提供帮助，这无济于事） a＆＃34;拖放＆＃34;模板）。

http://www.miltonpreserve.com/about/

Answer 1

看起来你用#aboutmen id为div增加了40px的高度。但是，嵌套在该div中的一些内容具有使其高于此值的填充。如果从＃menu-about-menu中删除填充，您应该看到文本变得可见。然后（如果需要），您可以将“vertical-align：middle”添加到嵌套在＃menu-about-menu中的元素。

以下是您正在进行的简化版本：

HTML

<div class="outer">
  <div class="inner">
    <div class="text">item one</div>
    <div class="text">item two</div>
  </div>
</div>

CSS

outer {
  height: 40px;
  background-color: yellow;
}

.inner {
  padding: 30px;
}

这个简化示例遇到的问题与您遇到的问题相同。如果从.inner中删除填充，您将看到问题消失。这是一个 jsfiddle使用相同的代码。

希望有所帮助！

不能在辅助NAV栏中垂直居中文本

1 个答案: