Html Div导航栏背景色不显示

所以我的问题是CSS，在我看来，我的“背景”被覆盖了，它最终不会产生浅蓝色的背景色。有没有办法解决这个问题？另外，如果我只有第一部分，nav，就是它的颜色显示出来，但一旦我开始添加其他所有内容，它就消失了

.nav{
  height : 40 px;
  background: blue;
}
.nav ul{
  margin: 0;
  padding: 0;
}
.nav ul li{
  list-style: none;
}
.nav ul li a{
  text-decoration: none;
  float: left;
  display: block;
  padding: 10px 20px;
}

---

导航包含浮动元素，因此背景可能有问题。要解决此问题，可以使用overflow:hidden或clearfix方法：

.nav{
  height : 40 px;
  background: blue;
  overflow: hidden;
}

---

导航包含浮动元素，因此背景可能有问题。要解决此问题，可以使用overflow:hidden或clearfix方法：

.nav{
  height : 40 px;
  background: blue;
  overflow: hidden;
}

使用

或

这将解决您的问题

使用

或

---

这将解决您的问题

尝试

Clearfix

导航如下：

HTML:

---

尝试

Clearfix

获取

nav

如下：

HTML:

---

只需添加

溢出：隐藏到您的导航css：

.nav{
   height : 40 px;
   background: blue;
   overflow:hidden;
}

只需添加
溢出：隐藏到您的导航css：

.nav{
   height : 40 px;
   background: blue;
   overflow:hidden;
}

你能发布相关的HTML吗？你能粘贴一些HTML代码吗？请提供更多的代码。你能发布相关的HTML吗？你能粘贴一些HTML代码吗？请提供更多的代码。
.clearfix { display: block; }

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
}

.nav{
   height : 40 px;
   background: blue;
   overflow:hidden;
}