Html CSS水平菜单浮动左松背景色

在下面的代码中，当子元素浮动时，

ul

元素为什么会失去其背景色

我记得读过一些关于导致这种情况的浮子的文章，但我记不得了

（）

ul{
左侧填充：0；
背景色：#036；
}
ulli{
浮动：左；
}

背景色在那里。但是你看不到它，因为它在li标签后面。要查看它在那里，您可以向ul属性添加一个高度标记，然后您将看到背景

ul {
  padding-left: 0;
  background-color: #036;
  height: 40px;
}
ul li {
  float: left;
}

为了正确地解决这个问题，您可以向UL标记添加一个clearfix类，并添加以下CSS

.clearfix {
    content: "";
    display: inline-block;
    clear: both;
}

---

基本上，父元素崩溃。。。快速修复：将高度设置为ul…您选择的正确答案实际上是修复此问题的一种非常糟糕的黑客方法。您应该使用链接副本中的信息。谢谢提示。我是CSS的新手，所以我不太清楚。这是非常错误的，请查看链接副本，看看应该如何做。