【问题标题】:Nav looks different on different pages, why?导航在不同页面上看起来不同,为什么?
【发布时间】:2012-04-23 00:05:43
【问题描述】:

我一生都无法弄清楚我的导航栏只有在主页以外的页面上才在顶部有一些额外的填充或边距。在主页上看起来不错。

我已经为此花费了几个小时,但我已经束手无策了。

您可以查看网站here

点击关于我们或博客文章,看看它的变化。 这个模板在 css 方面有点乱(至少对我来说),我无法弄清楚其他页面上实际发生了什么变化。

我希望有人可以在这里提供帮助。

提前致谢, J

【问题讨论】:

  • page_item page-item-2 这些类不在主页上。看看 css 用这些做什么可能是值得的

标签: html css navigation nav navbar


【解决方案1】:

在您页面的#header div 上,您的主页上有两个h1 和h2 标签,h1 标题仅包含其中的文本,然后当您切换到“关于我们”时页面上这些标签变成h2 和h3 并且h2 标题这次填充了一个锚点,这就是将您的菜单向下推的原因,这些标签上的填充。因此,将标题切换到“关于我们”页面上的 h1 以获取 Heading 1 页面标题标签,它工作正常,否则您将不得不修改您的 CSS 以调整这些标签上的填充/边距。

【讨论】:

  • 这确实帮助我了解了问题的根源。谢谢。
【解决方案2】:

嘿,如果您在 css 文件中定义 h3 margin : 0;,那么您的页面就可以了。

像这样

#header > h3{margin:0;}

【讨论】:

    猜你喜欢
    • 2017-02-13
    • 1970-01-01
    • 1970-01-01
    • 2012-09-10
    • 1970-01-01
    • 2016-08-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多