背景颜色不起作用

Question

不知道为什么但背景颜色不起作用。它添加浮动后消失了：对。希望您能够帮助我。 谢谢！

body {
  margin: 0;
}

#wrapper {
  margin: auto;
  width: 920px;
}

#wrapper #menu {
  background-color: #B8B8B8;
}

#wrapper #menu ul {
  margin: 0;
  padding: 0;
}

#wrapper #menu ul li {
  display: inline;
}

#wrapper #menu ul li a {
  text-decoration: none;
  float: right;
  padding: 10px;
}

Answer 1

让你所有的孩子，在这种情况下所有-li-元素浮动，将折叠父母的高度，这是你无法看到背景的原因。

你可以通过为你的-ul设置一个特定的高度或者使用像clearfix这样的东西来解决这个问题。