Html 背景色不适用

我是网络编程新手，实际上我正在学习html和css，我在网页的某些部分应用背景色时遇到了问题。 有人可以帮我在页眉中应用背景色，就像我在页脚中所做的那样。不知道为什么它在标题上不起作用。我试着给标题的孩子们设置相同的背景色，但这是一个肮脏的解决方案，看起来不好看。 谢谢

index.html

<header>
        <div class="logo">
          <h2 class="logo">Notflix</h2>
        </div>
        <div class="searchBarDiv">
          <form class="searchBar" action="index.html" method="post">
            <input class="bar" type="text" name="content">
            <input type="submit" value="Search"
          </form>
        </div>
        <div class="cart">
          <img class="cartImg" src="images/cart.png" alt="cartImage">
        </div>
</header>
    <aside class="lateralMenu">

    </aside>
    <footer>
      <h4 class="devInfo">Copyright &copy; Miguel Olivera Cardo Madrid, Spain</h4>
    </footer>

---

收割台内的所有部件都处于固定位置，因此无法正常流动

由于收割台内部没有正常流量，因此不会导致收割台有任何高度

因为它是零像素高，你看不到任何背景

如果希望收割台内的元素并排放置，请使用而不是定位进行布局。

必须设置收割台的高度

身体{ 差额：0 } 标题{ 位置：固定； 宽度：100%； 高度：100px；； 背景色：CECDCC； 溢出：隐藏； } .标志{ 位置：固定； 宽度：25%； } .标志h2{ 文本对齐：居中； } B.searchBarDiv{ 位置：固定； 宽度：50%； 左：25%； 最高：2.5%； } .酒吧{ 宽度：80%； } .购物车{ 位置：固定； 宽度：25%； 左：75%； } 卡蒂姆先生{ 宽度：12%； 利润率最高：3%； 左边缘：31%； } 页脚{ 位置：固定； 底部：0； 宽度：100%； 背景色：CECDCC； } .devInfo{ 文本对齐：居中； } 诺弗利克斯 你的问题解决了

身体{ 保证金：0； } 标题{ 位置：固定； 宽度：100%； 背景色：CECDCC； 溢出：隐藏； 身高：10%； } .标志{ 位置：固定； 宽度：25%； 保证金：0 } .标志h2{ 文本对齐：居中； } B.searchBarDiv{ 位置：固定； 宽度：50%； 左：25%； 最高：2.5%； } .酒吧{ 宽度：80%； } .购物车{ 位置：固定； 宽度：25%； 左：75%； } 卡蒂姆先生{ 宽度：20%； 浮动：对； 右边距：10px； /*边缘顶部：20px*/ } 页脚{ 位置：固定； 底部：0； 宽度：100%； 背景色：CECDCC； } .devInfo{ 文本对齐：居中； } .标志{ 背景图片：url'https://picsum.photos/id/1011/300/30'; 背景重复：无重复； 颜色：白色； } 内部标志{ 位置：绝对位置； } 文件 诺弗利克斯 语法很奇怪，因为$.ajax早于FormData。使用window更容易。获取！洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图 再见。我必须承认，我们的权利是不可剥夺的！你的名字是什么 海豹科，除海豹属的海豹属外。Lorem ipsum dolor sit amet，奉献精英。 假设的暂时性主体的所有权减去暂时性主体的所有权，即最低限度的财产所有权 马克西姆！开胃酒，是一种生活必需品。Lorem ipsum dolor sit amet，奉献精英。沃鲁帕特姆 这是一个最低限度的量刑，因为它是一个普通的量刑。在不动产的情况下选择动物 多洛雷姆·费塞·库姆。 语法很奇怪，因为$.ajax早于FormData。使用window更容易。获取！洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图 再见。我必须承认，我们的权利是不可剥夺的！你的名字是什么 海豹科，除海豹属的海豹属外。Lorem ipsum dolor sit amet，奉献精英。 假设的暂时性主体的所有权减去暂时性主体的所有权，即最低限度的财产所有权 马克西姆！开胃酒，是一种生活必需品。Lorem ipsum dolor sit amet，奉献精英。沃鲁帕特姆 这是一个最低限度的量刑，因为它是一个普通的量刑。在不动产的情况下选择动物 多洛雷姆·费塞·库姆。 语法很奇怪，因为$.ajax早于FormData。使用window更容易。获取！洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图 再见。我必须承认，我们的权利是不可剥夺的！你的名字是什么 海豹科，除海豹属的海豹属外。Lorem ipsum dolor sit amet，奉献精英。 假设的暂时性主体的所有权减去暂时性主体的所有权，即最低限度的财产所有权 马克西姆！开胃酒，是一种生活必需品。Lorem ipsum dolor sit amet，奉献精英。沃鲁帕特姆 这是一个最低限度的量刑，因为它是一个普通的量刑。在不动产的情况下选择动物 多洛雷姆·费塞·库姆。 语法很奇怪，因为$.ajax pr 编辑表单数据。使用window更容易。获取！洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图 再见。我必须承认，我们的权利是不可剥夺的！你的名字是什么 海豹科，除海豹属的海豹属外。Lorem ipsum dolor sit amet，奉献精英。 假设的暂时性主体的所有权减去暂时性主体的所有权，即最低限度的财产所有权 马克西姆！开胃酒，是一种生活必需品。Lorem ipsum dolor sit amet，奉献精英。沃鲁帕特姆 这是一个最低限度的量刑，因为它是一个普通的量刑。在不动产的情况下选择动物 多洛雷姆·费塞·库姆。 语法很奇怪，因为$.ajax早于FormData。使用window更容易。获取！洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图 再见。我必须承认，我们的权利是不可剥夺的！你的名字是什么 海豹科，除海豹属的海豹属外。Lorem ipsum dolor sit amet，奉献精英。 假设的暂时性主体的所有权减去暂时性主体的所有权，即最低限度的财产所有权 马克西姆！开胃酒，是一种生活必需品。Lorem ipsum dolor sit amet，奉献精英。沃鲁帕特姆 这是一个最低限度的量刑，因为它是一个普通的量刑。在不动产的情况下选择动物 多洛雷姆·费塞·库姆。 语法很奇怪，因为$.ajax早于FormData。使用window更容易。获取！洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图 再见。我必须承认，我们的权利是不可剥夺的！你的名字是什么 海豹科，除海豹属的海豹属外。Lorem ipsum dolor sit amet，奉献精英。 假设的暂时性主体的所有权减去暂时性主体的所有权，即最低限度的财产所有权 马克西姆！开胃酒，是一种生活必需品。Lorem ipsum dolor sit amet，奉献精英。沃鲁帕特姆 这是一个最低限度的量刑，因为它是一个普通的量刑。在不动产的情况下选择动物 多洛雷姆·费塞·库姆。 语法很奇怪，因为$.ajax早于FormData。使用window更容易。获取！洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图 再见。我必须承认，我们的权利是不可剥夺的！你的名字是什么 海豹科，除海豹属的海豹属外。Lorem ipsum dolor sit amet，奉献精英。 假设的暂时性主体的所有权减去暂时性主体的所有权，即最低限度的财产所有权 马克西姆！开胃酒，是一种生活必需品。Lorem ipsum dolor sit amet，奉献精英。沃鲁帕特姆 这是一个最低限度的量刑，因为它是一个普通的量刑。在不动产的情况下选择动物 多洛雷姆·费塞·库姆。 语法很奇怪，因为$.ajax早于FormData。使用window更容易。获取！洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图 再见。我必须承认，我们的权利是不可剥夺的！你的名字是什么 海豹科，除海豹属的海豹属外。Lorem ipsum dolor sit amet，奉献精英。 假设的暂时性主体的所有权减去暂时性主体的所有权，即最低限度的财产所有权 马克西姆！开胃酒，是一种生活必需品。Lorem ipsum dolor sit amet，奉献精英。沃鲁帕特姆 这是一个最低限度的量刑，因为它是一个普通的量刑。在不动产的情况下选择动物 多洛雷姆·费塞·库姆。 语法很奇怪，因为$.ajax早于FormData。使用window更容易。获取！洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图 再见。我必须承认，我们的权利是不可剥夺的！你的名字是什么 海豹科，除海豹属的海豹属外。Lorem ipsum dolor sit amet，奉献精英。 假设的暂时性主体的所有权减去暂时性主体的所有权，即最低限度的财产所有权 马克西姆！开胃酒，是一种生活必需品。Lorem ipsum dolor sit amet，奉献精英。沃鲁帕特姆 这是一个最低限度的量刑，因为它是一个普通的量刑。在不动产的情况下选择动物 多洛雷姆·费塞·库姆。 语法很奇怪，因为$.ajax早于FormData。使用window更容易。获取！洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图 再见。我必须承认，我们的权利是不可剥夺的！你的名字是什么 共和国 石竹科，除石竹属外，属配给制。Lorem ipsum dolor sit amet，奉献精英。 假设的暂时性主体的所有权减去暂时性主体的所有权，即最低限度的财产所有权 马克西姆！开胃酒，是一种生活必需品。Lorem ipsum dolor sit amet，奉献精英。沃鲁帕特姆 这是一个最低限度的量刑，因为它是一个普通的量刑。在不动产的情况下选择动物 多洛雷姆·费塞·库姆。

版权及副本；米格尔·奥利维拉·卡多，西班牙马德里

---

尝试给收割台一个固定的高度。我假设它是0，因为固定的位置。如何？标题中的另一个div作为flexbox？这个新的div也将被修复？收割台内的另一个div作为flexbox？-否，将标题本身设置为display:flex，并为其子元素提供适合flex属性的值。不要将标题中的任何内容设置为位置：固定。但我希望标题及其所有元素都固定，以便在向下滚动时也能看到它们。@moliverac8-我没有说不要将标题本身设置为位置：固定以外的其他内容

body {
  margin: 0 0
}

header {
  position: fixed;
  width: 100%;
  background-color: #CECDCC;
  overflow: hidden;
}


.logo {
  position: fixed;
  width: 25%;
}

.logo h2 {
  text-align: center;
}

.searchBarDiv{
  position: fixed;
  width:50%;
  left:25%;
  top:2.5%;
}

.bar {
  width: 80%;

}
.cart {
  position: fixed;
  width: 25%;
  left:75%;
}

.cartImg {
  width:12%;
  margin-top: 3%;
  margin-left: 31%;
}

footer {
  position: fixed;
  bottom:0;
  width: 100%;
  background-color: #CECDCC;
}

.devInfo {
  text-align: center;
}