CSS为容器着色_Css_Containers - Fatal编程技术网

CSS为容器着色

css

CSS为容器着色,css,containers,Css,Containers,我不熟悉这种语言，所以我想知道如何给容器（页眉和页脚之间的部分）上色。是否可以不使用div？我已经试过了，但问题是，当我将容器的位置更改为“绝对”时，它与页眉的重叠超过了页面宽度的更改，请给出一个示例代码。谢谢 html , body { height: 100%; } body { background: red; } 为了以防万一，我100%制作了html和正文。你可能不需要它。但我建议你永远不要以裸体为背景编辑：或者如果您想要图像 body { background:url(

我不熟悉这种语言，所以我想知道如何给容器（页眉和页脚之间的部分）上色。是否可以不使用div？我已经试过了，但问题是，当我将容器的位置更改为“绝对”时，它与页眉的重叠超过了页面宽度的更改，请给出一个示例代码。谢谢

html , body {
  height: 100%;
}

body {
  background: red;
}

为了以防万一，我100%制作了html和正文。你可能不需要它。但我建议你永远不要以裸体为背景

编辑：或者如果您想要图像

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

html-

你可以这样做

你说的容器是什么意思？html中的容器是什么？页眉和页脚之间的空间（主体的空间）当您不使用div时，html中的页眉和页脚是什么？没有页眉页脚标记。我相信您所说的是类名为header、footer和container的div。因此，您必须在该div上应用您的样式。如果您的div类在css中称为container，那么您可以#container{background:yourcolor；}管理它，但是在css部分下，例如{position:absolute；height:60px；background color:#000；}，即“position”你想要什么html结构？页眉| | |节| |页脚谢谢，但如果我想在该区域中显示图像？看看我的答案，我编辑了它。解决问题时别忘了标出正确答案。body{background:url（'）；}但是页眉和页脚区域将从上到下剪切它？这是因为您将图像放置在body中。它环绕着所有的元素。您需要在页眉之后和页脚之前添加额外的元素，作为内容容器。但这是另一个问题的一部分。你说的“元素”是指有一些空白的div吗？

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

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