Question

如果我在这里遗漏了一些明显的东西，我很抱歉，但我在查找标题元素时遇到了麻烦。

我在#site-navigation标题中设置元素样式，以便我可以使用background-color属性，该属性在#masthead中延伸到宽度的100％而不会被截断。

为了给你一个想法，我的徽标和链接目前已对齐，但我不确定原因。

这是我的代码：

HTML

<header id="masthead" class="site-header">
    <nav id="site-navigation" class="main-navigation">
        <a href="#"><!-- code for logo svg --></a>
        <span id="list-container"><!-- code for links (primary menu) --></span>
    </nav>
</header>

CSS

#masthead {
  background-color: #efefef;
  height: 100px;
  margin: -100px auto;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#site-navigation {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 95%;
}

Answer 1

在_s（下划线）Wordpress启动主题中，类.main-navigation具有属性float: left。所以我在我的标题类中使用float: none来居中它。

使用_s starter主题将Wordpress标题元素置于中心位置

1 个答案: