css - 如何填充 body 的整个区域?

标签 css colors

让我解释一下:我想填充 body 的整个区域,例如

<html>
   <head>
      <title>Fill an entire area</title>
   </head>
   <body>
      <div id="header">
         This area is red.
      </div>
      <div id="middle">
      </div>
      <div id="footer">
      </div>
   </body>
</html>

Div 标签“标题”应该是红色的,但是如果我写

#header {
   position: relative;
   background-color: red;
}

标题将是红色的,但周围有一些空白。

enter image description here

取而代之的是,我希望它没有空格。有没有办法在不使用 Bootstrap 的情况下在 CSS 中执行此操作?

enter image description here

抱歉,如果有类似的问题。我不知道如何解释我的问题。

最佳答案

我认为这是因为 body 的默认 margin#header 的默认 margin,使用这个:

body, #header {
    margin: 0;
}

关于css - 如何填充 body 的整个区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40957278/

相关文章:

javascript - 设置 Blueimp 照片库的困难

android - 上下文/覆盖主题颜色

android - 在 Android 的库 22 中以编程方式在 TextView 中设置 TextColor

ios - Safari View Controller 使用了错误的状态栏颜色

javascript - 将元素的属性设置为关键帧规则的 "from"关键字中的默认值

javascript - 如果在点击打印按钮之前滚动表格,则粘性标题打印到页面的一半

html - 如何在不使用 javascript 的情况下将 span 设置为看起来像链接?

ios - 设置命名颜色后,无法以编程方式更改 UIView 的颜色

java - JTextPane 和前景色

javascript - 当用户使用 jQuery 在其外部单击时隐藏 DIV