css - 背景颜色不起作用

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 之类的东西来解决此问题。