身体元素的背景颜色与css中的预定义高度

在这里,我指定团体height作为200px和background-color身体元素"lightblue".为什么background-color身体适用于整个页面,而不仅仅是200px身体的高度？

如果html元素没有背景,则正文背景将覆盖页面.如果html元素上有背景,则主体背景的行为与任何其他元素一样.

资料来源:css-tricks.com

因此,要避免这种情况,你可以简单地定义background-color:white为html.

html {
  background-color: white;
}

body {
  height: 200px;
  background-color: lightblue;
  padding: 0px;
  border: 1px solid red;
}

  
 First para 
  
 Second para