css的背景颜色没有出现

Question

我的背景颜色有问题，但是没有显示出来 我希望它是红色的 这是代码https://jsfiddle.net/yPX5Q/22/ 0000

更新：问题已得到修复，但我有另外一个：当我调整浏览器块大小2时，我想让身体居中但导航的黑色背景受到身体限制任何帮助

Answer 1

有几件事情错了或没有考虑在内。

首先，

background-image:red;

不是正确的css属性。

其次，在内部div上使用绝对定位将它们从流中移除，因此父级折叠为没有高度。

目前尚不清楚为什么使用绝对定位，但不推荐用于一般布局。

LearnLayout.com

nav {
  position: relative;
  background-color: red;
}
#block1 {} #block2 {}

<nav>
  <div id="block1">blog d'actualités</div>
  <div id="block2">Acceuil | Contact</div>
</nav>

Answer 2

您需要设置width和height才能使其正常运行。

FIDDLE