css 当宽度和高度设置为100%时，元素未占据所有空间[重复]

2uluyalo 于 2023-01-27 发布在其他

关注(0)|答案(2)|浏览(133)

Removing body margin in CSS（10个答案）
8个月前关闭。
红色的#container元素似乎并没有占据文档中所有的可用空间，即使它的宽度设置为100%。html元素中似乎有一些额外的填充，但即使我将它的填充设置为0，它仍然存在。
我该怎么补救呢？先谢了。

body, html {
  width: 100%;
  height: 100%;
}
#container {
  width: 100%;
  height: 100%;
  background-color: red;
}

<body>
  <div id='container'></div>
</body>

2条答案

尝试将margin: 0px;添加到您的CSS：

body,
html {
  width: 100%;
  height: 100%;
  margin: 0px;
}

您必须将padding: 0和margin: 0添加到：

body, html {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}