背景色不起作用

Question

不知道

为什么，但背景颜色不起作用。在我添加 float：right 后它消失了。希望你能帮助我。谢谢！

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