html - margin-top 显示为 .5%，即使它被编码为 0%，CSS，HTML

Question

我正在尝试获得一个宽度为 98%、左右边距为 1% 的 div。我也试图获得 0% 的最高利润率，但由于某种原因，最高利润率显示为 0.5%，即使我专门设置为 0%。我不知道我做错了什么，请看我的代码:

#div {
border: 1px solid black;
width: 98%;
height: 98%;
margin-top: 0%;
margin-left: 1%;
margin-right: 1%;
}

<div id = 'div'></div>

Answer 1

我认为顶部的空白是 body 元素的默认上边距，您需要手动将其清零。

此外，您需要为 body 和 html 元素指定 100% 的高度，否则 div 的高度将计算为零。

body, html {
  margin: 0;
  height: 100%;
}
#div {
  border: 1px solid black;
  width: 98%;
  height: 98%;
  margin-top: 0%;
  margin-left: 1%;
  margin-right: 1%;
}

<div id='div'></div>