CSS 给容器上色

Question

我是这门语言的新手，所以我想知道如何为容器（页眉和页脚之间的部分）着色。不使用 div 可以吗？我试过这个，但问题是当我将容器的位置更改为 "absolute" 时，它与页眉的重叠更多，而不是改变页面的宽度请给出示例代码。谢谢

Answer 1

html , body {
  height: 100%;
}

body {
  background: red;
}

为了以防万一，我将 html 和 body 设置为 100%。你可能不需要它。但我建议你永远不要有裸体body作为你的背景。

编辑：或者如果你想要一张图片

body {
background:url('http://www.planwallpaper.com/static/images/canberra_hero_image.jpg'); 
}

Answer 2

https://jsfiddle.net/xqxrmm96/1/

html-

<html>
 <body>
  <header></header>
  <section></section>
  <footer></footer>
 </body>
</html>

css-

header {
    height: 30px;
    background-color: #e0e0e0;
}
section {
    height: 60px;
    background-color: #efefef;
}
footer {
    height: 30px;
    background-color: #e1e1e1;
}

你可以这样做

CSS 给容器上色

CSS Color the container

css

containers