利润率最高显示为0.5%,尽管它';s编码为0%,CSS,HTML

利润率最高显示为0.5%,尽管它';s编码为0%,CSS,HTML,html,css,Html,Css,我试图得到一个宽度为98%,左右边距为1%的div。我也试图获得0%的最高利润率,但出于某种原因,最高利润率显示为0。我不知道我做错了什么,请看一下我的代码: #div { border: 1px solid black; width: 98%; height: 98%; margin-top: 0%; margin-left: 1%; margin-right: 1%; } <div id = 'div'></div> #div{ 边框:1px纯黑; 宽度:98%;

我试图得到一个宽度为98%,左右边距为1%的div。我也试图获得0%的最高利润率,但出于某种原因,最高利润率显示为0。我不知道我做错了什么,请看一下我的代码:

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

<div id = 'div'></div>
#div{
边框:1px纯黑;
宽度:98%;
身高:98%;
利润率最高:0%;
左缘:1%;
保证金权利:1%;
}

我认为顶部的空白是
主体
元素的默认顶部边距,您需要手动将其归零

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

body,html{
保证金:0;
身高:100%;
}
#div{
边框:1px纯黑;
宽度:98%;
身高:98%;
利润率最高:0%;
左缘:1%;
保证金权利:1%;
}

该代码似乎没有任何问题。在这方面,它似乎工作得很好(在上边距上计算为
0px
)。我怀疑您的问题可能来自
div
所在的容器。也许可以提供一些上下文,说明文档中
#div
的位置。@奇怪的是,在这个JSFIDLE中,整个div只显示为一行,这是不应该出现的。另外,我也看到了顶部的空间。#div不放在文档中的任何内容中。上面的代码包含该页面的所有代码。您在哪个浏览器中看到该问题?@frosty更接近您的想法?它形成了一个大盒子,基本上是这样的。再想一想,如果我希望边距顶部为0,我可以使用body标记而不是div标记,因为默认情况下,#div被放置在body标记中,我想这就是为什么顶部有0.5%的空间。