为什么我的div的背景颜色不会出现?

问题描述 投票:0回答:1

我正在设置下拉菜单。我正在尝试让div .nav_main拥有我在CSS中给出的背景颜色,以便它与我的汉堡菜单的背景颜色相匹配。由于某些原因,.nav_main背景颜色不会出现在我身上。我知道这是微不足道的,但我无法弄清楚为什么会发生这种情况......

.nav_main {
  display: block;
  width: 100%;
  background-color: #282828;
}

.nav_main a {
  display: none;
  width: 100%;
  background-color: #282828;
  text-decoration: none;
  height: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  margin: 0;
  text-align: center;
  font-size: 50px;
  color: #fff;
}

.nav_main a:last-child {
  display: inline-block;
  width: auto;
}
<header>
  <h1>Facilities Portal</h1>
  <div class="nav_main">
    <a class="activeNav" href="index.html">Facilities Info</a>
    <a href="logaction.html">Log Action</a>
    <a href="viewaction.html">View Actions</a>
    <a href="keysystem.html">Key System</a>
    <a id="burgerIcon" class="icon" onclick="#">&#9776;</a>
  </div>
</header>

我想知道.nav_main a display: none是否导致了这个问题。如果是这样我怎么解决这个问题所以div .nav_main背景颜色出现并填充页面的整个宽度?

基本上我想要.nav_main div background-color出现并填充页面的整个宽度,汉堡图标浮动到右边。基本上我会设置汉堡使.nav_main a显示更改为block

html css background-color
1个回答
0
投票

我已经测试了你的代码,它在我的最后工作得很好。我注意到了什么;

  • 你正在为div和链接设置相同的颜色。这可能是您没有看到差异的原因。
  • 你隐藏了与display:none的链接,因此也可能无法分辨它们是什么颜色。

您可能希望在另一台计算机上运行该代码,以确保问题不在您的计算机上。

© www.soinside.com 2019 - 2024. All rights reserved.